Javascript 触发选择器上的单击事件_Javascript_Jquery_Click_Selector

Javascript 触发选择器上的单击事件

javascript jquery

Javascript 触发选择器上的单击事件,javascript,jquery,click,selector,Javascript,Jquery,Click,Selector,我正在尝试为使用选择器的插件获取一个单击事件，使其脱离手动状态插件设置 $( function () { $.contextMenu( { selector: '.context-menu-one', callback: function ( key, options ) {

我正在尝试为使用选择器的插件获取一个单击事件，使其脱离手动状态

插件设置

 $( function ()
            {
                $.contextMenu( {
                    selector: '.context-menu-one',
                    callback: function ( key, options )
                    {
                        var m = "clicked: " + key;
                        window.console && console.log( m ) || alert( m );
                    },
                    items: {
                        "edit": { name: "Edit", icon: "edit" },
                        "cut": { name: "Cut", icon: "cut" },
                        "copy": { name: "Copy", icon: "copy" },
                        "paste": { name: "Paste", icon: "paste" },
                        "delete": { name: "Delete", icon: "delete" },
                        "sep1": "---------",
                        "quit": { name: "Quit", icon: "quit" }
                    }
                } );

                $( '.context-menu-one' ).on( 'click', function ( e )
                {
                    alert( 'clicked', this );
                } )
            } );

我试过两种方法开火，但都没能成功。 $（'.context menu one'）。触发器（'click'）；或 $（'.context menu one'）。单击（）

有没有一种特殊的方法可以触发选择器。我想这是在什么地方解释的，但我的搜索已经到了尽头

---------更新并添加更多相关代码-----------

我在这里的目的只是触发右键单击，以便手动打开菜单，而不是基于事件

基于从文档中获取的文档。以下示例等待加载文档，延迟1秒后以编程方式打开关联菜单：

<body>
    <div class="dummyDiv box menu-1"/>
</body>
<script>
$(function(){
    $.contextMenu({
        selector: '.dummyDiv', 
        trigger: 'none',
        items: {
            "edit": {name: "Edit", icon: "edit"},
            "cut": {name: "Cut", icon: "cut"},
            "copy": {name: "Copy", icon: "copy"},
            "paste": {name: "Paste", icon: "paste"},
            "delete": {name: "Delete", icon: "delete"},
            "sep1": "---------",
            "quit": {name: "Quit", icon: "quit"}
        }
    });

    setTimeout(function(){
        $('.dummyDiv').contextMenu();
    }, 1000);       
 });
</script>


$（函数（）{
$.contextMenu({
选择器：'.dummyDiv'，
触发器：“无”，
项目：{
“编辑”：{名称：“编辑”，图标：“编辑”}，
“切割”：{名称：“切割”，图标：“切割”}，
“复制”：{名称：“复制”，图标：“复制”}，
“粘贴”：{名称：“粘贴”，图标：“粘贴”}，
“删除”：{名称：“删除”，图标：“删除”}，
“sep1”：“-----------”，
“退出”：{名称：“退出”，图标：“退出”}
}
});
setTimeout（函数（）{
$（'.dummyDiv'）.contextMenu（）；
}, 1000);       
});

通过以下方式尝试：

不起作用，在这种情况下，我认为单击是右键单击，按下鼠标可以吗？我已经编辑了我的答案，以模拟右键单击，设置为1，应该在按下鼠标的情况下工作。仍然没有骰子，我在上面添加了更多代码，我想也许我的问题还有更多。你的html“上下文菜单一”看起来如何？你想在哪里触发点击？刚刚在上面添加了一个编辑，我希望它在生成后立即触发。我已经抓到我的右键点击，然后我建立了我的菜单，只是不能让它出现。我想我没能很好地解释我自己。我想通过编程触发菜单。我“认为”要做到这一点，我需要在“.context menu one”选择器上触发回调。我试着使用这个事件的想法，然后调用那个事件，但它仍然不会显示菜单或提示“CLICKED！”。我完全明白你在这里做了什么，它确实有助于简化事情。我当然不希望触发器基于事件，而是基于代码。因此，我只添加了$（“#激活菜单”）。单击（）；但还是没有运气。我试图在“激活菜单”事件中输入警报，但即使这样也没有触发。一定有一些我在看这里。但它确实工作，如果我添加那个按钮，并点击它。既然有了html，click（）似乎就可以工作了。有没有办法做到这一点，没有一个按钮，点击并添加html？对，我“应该”能够，但我不能让它工作。虽然thx在这方面有帮助。我认为我的问题是，我没有使用“上下文菜单一”类，所以它不知道在哪里建立菜单。我可能需要先添加一个虚拟div。

<body>
    <div class="dummyDiv box menu-1"/>
</body>
<script>
$(function(){
    $.contextMenu({
        selector: '.dummyDiv', 
        trigger: 'none',
        items: {
            "edit": {name: "Edit", icon: "edit"},
            "cut": {name: "Cut", icon: "cut"},
            "copy": {name: "Copy", icon: "copy"},
            "paste": {name: "Paste", icon: "paste"},
            "delete": {name: "Delete", icon: "delete"},
            "sep1": "---------",
            "quit": {name: "Quit", icon: "quit"}
        }
    });

    setTimeout(function(){
        $('.dummyDiv').contextMenu();
    }, 1000);       
 });
</script>

$('.context-menu-one').trigger({
    type: 'mousedown',
    which: 1
});