Javascriptメニューの代わりにULとLIが必要

-4

右クリックでJqueryのコンテキストメニューを使用する。このようにして、私はドロップダウンメニューを呼び出しています。代わりに、私はULとLIを使ってHTMLを使う必要があります。Javascriptメニューの代わりにULとLIが必要

<script type="text/javascript" class="showcase"> 
 
    $(function() { 
 
     $.contextMenu({ 
 
      selector: '.projects-dropdown', 
 
    
 
      items: { 
 
       "iteml": {name: "iteml"}, 
 
       "item2": {name: "item2"}, 
 
\t \t "item3": {name: "item3"}, 
 
       "item4": {name: "item4"}, 
 
\t } 
 
     }); 
 
    }); 
 
</script>

だから私は、各メニュー項目の個別のリンクを提供したいということ。

出典

2016-08-03 Mohammed Habibullah

そして、何を試してみましたか？純粋なHTMLの順序付けられていないリストを作成することは、非常に簡単であり、例を見つけるためのわずかな努力だけで何千ものものが得られます。ここに実際の問題はありますか、それともあなたに私たちにあなたにそれを作ってほしいのですか？ – Archer

1つの問題がありました。テーブルの中にツリービューのメニューがあります。のアイコンを右クリックして、ドロップダウンメニューが表示されます。オーバーフローしているテーブル：自動でドロップダウンがテーブルの後ろになっています。私はJqueryコンテキストメニューを使用しました。しかし、クライアントがドロップダウンメニューをulとli –

そして、あなたはまだここに見つけられない場合は、基本的な例である： -

<!DOCTYPE html> 
<html> 
<head> 
<style> 
ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 200px; 
    background-color: #f1f1f1; 
} 

li a { 
    display: block; 
    color: #000; 
    padding: 8px 16px; 
    text-decoration: none; 
} 

/* Change the link color on hover */ 
li a:hover { 
    background-color: #555; 
    color: white; 
} 
</style> 
</head> 
<body> 

<h2>Vertical Navigation Bar</h2> 

<ul> 
    <li><a href="#home">Home</a></li> 
    <li><a href="#news">News</a></li> 
    <li><a href="#contact">Contact</a></li> 
    <li><a href="#about">About</a></li> 
</ul> 

</body> 
</html>

はちょうど=コピーして貼り付け）

出典

2016-08-03 10:22:50

Javascriptメニューの代わりにULとLIが必要

答えて

関連する問題