javascript - 触发带参数的点击事件

Question

我有一个 click 函数，我想用参数在函数之外触发。

<div id="menubar">
    <a id="menu_file_open">File Open</a>
    <a id="menu_file_save">Save File</a>
</div>


$("#menubar a").click(function(event){

    var menu_item = $(this).attr('id');
    var $context = $(this);

    switch(menu_item){

        case 'menu_file_open':
             //Do menu file open dialog
        break;

        case 'menu_file_save': break;

    }

});

$('#menubar a').trigger('click'); //not working (ID,context not defined);

我将如何在实际单击时传递 div 的 ID 和上下文。

Answer 1

这个对我有用：

<div id="menubar">
    <a id="click_me" href="#">Click me</a>
    <a id="dont_click" href="#">Don't click</a>
</div>

$("#menubar a").click(function(event){
    var menu_item = $(this).attr('id');
    var $context = $(this);

    //....
});

$('#menubar a#click_me').click();​ // or $('#menubar a#dont_click').trigger('click');

Answer 2

您可以将任意数据传递和检索到 jQuery 事件处理程序，如下所示：

$(selector).click({ dataItem1: 'value1', dataItem2: 'value2' }, function(e) {
    var val1 = e.data.dataItem1,
        val2 = e.data.dataItem2;
});

但是，由于您的代码在这里工作，我怀疑可能还有另一个问题，例如未加载 jQuery 库或脚本中的其他位置存在错误。