是否有jquery插件? [点击时触发的上下文菜单]

时间:2013-03-06 13:19:02

标签: jquery html css model-view-controller menu

enter image description here enter image description here

我已经发布了两张我要找的自我解释图片。 这是上下文菜单。我发现了许多jquery上下文菜单插件。但它们都会在右键单击时触发。我正在寻找一个上下文菜单插件,可以在点击其他html元素时触发。

我不想手动操作,因为我必须处理很多事情,例如

  • 默认方向应该在元素的正下方。
  • 如果没有空间,则应改变显示方向......
  • 以及完全开发的插件的所有优秀功能

只是寻找布尔答案天气有什么东西或者我必须创建吗?

2 个答案:

答案 0 :(得分:1)

通过jquery.trigger(...)触发click事件,您可以模拟任何元素的点击。这解决了从您希望将功能耦合到的任何内容进行点击事件的问题。

请参阅:jquery.trigger()

上的documentation

答案 1 :(得分: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/