如何將多個事件應用於相同的功能

Question

我不是最好的jQuery的東西。但我試圖從函數中分離出動作，這樣我就可以應用多個導致相同功能的事件。不幸的是，這是行不通的。有人知道爲什麼

更新功能，但仍錯誤

$(document).ready(function() { 

var $info_items = jQuery('.checkbox.has_info, .has_info'); 

$info_items.click(function(event) { 
$(this).show_text(event); 
}); 


// I suspect it has something to do with this initalizer of the function here 

jQuery.fn.show_text = function(event){ 
    var $info_item = jQuery(this); 
    $info_items.filter(function(index){ 
    return $(".hidden_text").css("display","block"); 
    }).not($info_item).parent().next().next().hide("slow"); 
    $info_item.parent().next().next().show("fast"); 
}); 

}); 

Answer 1

什麼是e，事件？您需要將事件參數命名爲click()函數才能使用它。此外，援引show_text使得其具有一個this，你需要調用它的一個元素：

$info_items.click(function (event) { 
    // 'this' is the element in $info_items which was clicked 

    // invoke show_text on the element in question 
    $(this).show_text(event); 
}); 

你也對你的最終});線有一個額外的)。

Answer 2

您可以使用jQuery bind將多個事件附加到單個函數。

$('#whatever').bind('mouseover focus click', function() { 
    your_custom_function(); 
}); 

Answer 3

你在找這樣的嗎？

var handle = function(event) { 
    $(event.currentTarget).show_text(event); 
}; 
$info_items.bind('click blur', handle);