jQuery右键菜单插件ContextMenu

最新推荐文章于 2024-04-25 16:43:08 发布

weixin_34252090

最新推荐文章于 2024-04-25 16:43:08 发布

阅读量58

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/Jacker/blog/32855

版权

为什么80%的码农都做不了架构师？>>>

ContextMenu插件下载地址

http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js

弄个DEMO玩玩吧！

<script src='jquery.js'></script>
<script src='jquery.contextmenu.js'></script>

<p>
	<span class="demo" style="background-color:yellow;"><b>DEMO right-click me!!</b></span>
</p>

<div class="contextMenu" id="myMenu">
  <ul>
	<li id="open">Open</li>
	<li id="email">Email</li>
	<li id="save">Save</li>
	<li id="close">Close</li>
  </ul>
</div>

<script>
$('span.demo').contextMenu('myMenu', {
	bindings: {
			'open': function(t) {
				alert('Trigger was '+t.id+'\nAction was Open');
		},
			'email': function(t) {
				alert('Trigger was '+t.id+'\nAction was Email');
		},
			'save': function(t) {
				alert('Trigger was '+t.id+'\nAction was Save');
		},
			'close': function(t) {
				alert('Trigger was '+t.id+'\nAction was close');
		}
	}
});
</script>

转载于:https://my.oschina.net/Jacker/blog/32855