將stopPropagation添加到上下文菜單中時出錯

我已經下載了當前版本的JQuery-contextMenu插件，並創建了測試頁。在測試頁面中，如果我使用li元素，函數會從頂部li項目傳播到較低的li項目。有沒有辦法阻止這種情況的發生？感謝您的幫助。將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>

來源

2017-07-01 Jecker

你必須檢查關於contextMenu的文檔。因爲這不是stopPropagation的作用，而不是你如何使用它。 – Chris

我看了，但我無法找到任何可以達到相同結果的東西。 – Jecker

你究竟想要做什麼？ – Chris

進一步的測試，我發現通過添加額外的文本菜單，並觸發分配後無來者，我收到了我想要的結果。

$（函數（）{$ .contextMenu（{ 選擇： '.upTest'，觸發： '無'， }）; }）;

來源

2017-07-27 01:02:30 Jecker

將stopPropagation添加到上下文菜單中時出錯

回答

相關問題