如何将多个事件应用于同一个函数

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);