jQuery 上下文菜单打开对话框



它适用于带有链接的 Href(a href="www.google.com"),但不适用于哈希 #,例如 (a href="#")。我想做的是在单击包含 # href 的上下文菜单项之一时打开 jquery 对话框。仅供参考,使用没有 jquery 上下文菜单的标准链接无论有没有 #都可以正常工作。

我的代码:

<ul id="myMenu" class="contextMenu">
    <li><a href="#" id='cmsharefolder_link' class='sharefolder_link'>
        <img src='../style/images/sharefolders.png' title='Share' />
        Share
        </a>
    </li>
    <li><a href="#" class="move_link" >
        <img src="../style/images/move.png" title="Move Folder"/>
        Move</a>
    </li>
</ul>

Jquery 上下文菜单:

    $(document).ready( function() {
        // Show menu when #myDiv is clicked
        $("#list TR").contextMenu({
            menu: 'myMenu'
        },
        function(action, el, pos) {
            $(el).attr('id').trigger('click');
        }
        );
    });

#的对话框:

    $(function(){
        // Dialog for moving file / folder      
        $('.move').dialog({ autoOpen: false, width: 600, modal: true });
        // Dialog for moving file / folder link
        $('.move_link').click(function(){ $('.move').dialog('open'); return false; });  
        // Dialog for moving file / folder      
        $('.sharefolder').dialog({ autoOpen: false, width: 600, modal: true });
        // Dialog for share folder link
        $('.sharefolder_link').click(function(){ $('.sharefolder').dialog('open'); sharedfolder(); return false; });                
    });

答案在 kannix 使用操作参数的评论中(例如退出)

你可以试试

href="javascript:void(0)"

最新更新