2017-07-01 2 views
0

私はJQuery-contextMenuプラグインの最新バージョンをダウンロードし、テストページを作成しました。テストページで、li要素を使用すると、関数は、上のli項目から下の項目に伝播します。これを止める方法はありますか?ご協力ありがとうございました。contextMenuにstopPropagationを追加する際のエラー

<html> 
    <head> 
     <link href="dist/jquery.contextMenu.min.css" rel="stylesheet" type="text/css" /> 

     <script language="javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script> 
     <script language="javascript" src="src/jquery.ui.position.js"></script> 
     <script language="javascript" src="src/jquery.contextMenu.js"></script> 
     <script> 
      $(function(e) { 
       e.stopPropagation(); 
       $.contextMenu({ 
        selector: '.context-menu-one', 
        callback: function(key, options) { 
         var m = "clicked: " + key; 
         alert(m); 
        }, 
        items: { 
         "edit": {name: "Edit", icon: "edit"}, 
         "cut": {name: "Cut", icon: "cut"}, 
         "copy": {name: "Copy", icon: "copy"}, 
         "paste": {name: "Paste", icon: "paste"}, 
         "delete": {name: "Delete", icon: "delete"}, 
         "sep1": "---------", 
         "quit": {name: "Quit", icon: function(){ 
          return 'context-menu-icon context-menu-icon-quit'; 
         }} 
        } 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <span class="context-menu-one btn btn-neutral">right click me</span><br> 

     <span class=" btn btn-neutral">right click me</span><br> 
     <ul > 
      <li class="Docs context-menu-one" style="list-style-type: none;"> Testing 
       <ul > 
        <li class="upTest" style="list-style-type: none;"> 
         <a href="#">dfasfsdafas</a> 
        </li> 
       </ul> 
      </li> 
     </ul> 
     <span class=" btn btn-neutral">right click me</span><br> 
     <span class=" btn btn-neutral">right click me</span><br> 

    </body> 
</html> 
+0

contextMenuでドキュメントをチェックする必要があります。なぜなら、stopPropagationは何をしているのではなく、それをどのように使用するのではないからです。 – Chris

+0

私は見ましたが、私は同じ結果を達成するものを見つけることができませんでした。 – Jecker

+0

あなたは正確に何をしようとしていますか? – Chris

答えて

0

追加のコンテキストメニューを追加し、トリガーにnoneを割り当てることで、私は必要な結果を得ました。

$(関数(){ $ .contextMenu({ セレクタ '.upTest' トリガー: 'なし'、 }); })。

関連する問題