2013-03-06 51 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/