JQuery右键菜单插件ContextMenu使用指南

2020-05-23 06:00:25易采站长站整理

          <li id=”item_1″>csdn</li>
          <li id=”item_2″>javaeye</li>
          <li id=”item_3″>itpub</li>
        </ul>
    </div>
 </BODY>
 <script>
    //所有class为demo1的span标签都会绑定此右键菜单
     $(‘span.demo1’).contextMenu(‘myMenu1’,
     {
          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’);
            },
            ‘delete’: function(t) {
              alert(‘Trigger was ‘+t.id+’nAction was Delete’);
            }
          }
    });
    //所有html元素id为demo2的绑定此右键菜单
    $(‘#demo2’).contextMenu(‘myMenu2’, {
      //菜单样式
      menuStyle: {
        border: ‘2px solid #000’
      },
      //菜单项样式
      itemStyle: {
        fontFamily : ‘verdana’,
        backgroundColor : ‘green’,
        color: ‘white’,
        border: ‘none’,