使用參數觸發單擊事件

Question

我有一個單擊功能，我想在帶有參數的函數外部觸發。

<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和div的上下文。

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庫或者腳本中存在錯誤。