동일한 기능에 여러 이벤트를 적용하는 방법

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