2013-03-06 46 views
-3

enter image description here enter image description here有沒有一個jQuery插件? [上點擊觸發的上下文菜單]

我已經發布了什麼,我找兩個自我解釋的圖片。 這是上下文菜單。我發現了許多jQuery的上下文菜單插件。但他們都觸發右鍵單擊。我正在尋找一個上下文菜單插件,它可以通過點擊其他html元素來觸發。

我不想做手工,因爲我將不得不採取了很多東西像照顧,

  • 默認方向應該是正確的和元素下面。
  • 如果沒有空間,它應改變顯示方向...
  • 和充分發展的插件

只是尋找一個布爾答案天氣什麼的都好等特點就是不見我將不得不創建它?

+3

ContextMenu是右鍵單擊一個。你的例子更多的是「下拉菜單」 – musefan 2013-03-06 13:21:31

+0

觸發點擊事件不夠嗎? http://api.jquery.com/trigger/ – 2013-03-06 13:22:05

+2

該死!人們只是喜歡點擊那個downvote按鈕 – 2013-03-06 13:24:28

回答

1

通過觸發點擊事件通過jquery.trigger(...)你可以模擬點擊任何元素。它解決了這個問題,從任何你想要將功能耦合到的任何事物上做出點擊事件。

請參見:documentation上jquery.trigger()

1

你並不需要一個額外的插件完成這個任務。你可以自己創建這個非常簡單。以下是您可以根據需要設計風格的示例代碼。它切換上點擊 「選項」 菜單,它也隱藏自身時從上下文菜單中點擊一個鏈接:

HTML

<a id="link">Icon to open menu</a> 

<nav id="menu"> 
    <ol> 
     <li><a>Some link 1</a></li> 
     <li><a>Some link 2</a></li> 
    </ol> 
</nav> 

的JavaScript

var nav = $('#menu'); 

$('#link').click(function() { 
    nav.fadeToggle(500); 
}); 

nav.find('a').click(function() { 
    nav.fadeOut(500); 
}); 

演示

http://jsfiddle.net/Vr6SN/