Как применить несколько событий к одной и той же функции

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