2010-01-13 8 views
4
$("li").hover(
function() { 
    // do x 
}, 
function() { 
    // do y 
}); 

.. 그걸 가리 키기 위해 클릭 토글에 대해 동일한 작업을 수행하려면 어떻게해야합니까?클릭 투글 클릭 (jQuery)

Manythanks

답변

11
$('li').toggle(function() { 
alert(1) 
}, function() { 
alert(2); 
}); 
+2

.toggle()이 1.9에서 제거되면 1.8 이하를 사용하십시오. – bobthyasian

11

$.toggle() 함수의 수를 취할 것입니다. 여기에 두 개의 함께 :

$("li").toggle(
    function() { /* do x */ }, 
    function() { /* do y */ } 
); 

데모 : 전환과 http://jsfiddle.net/vbkBQ/

+0

이걸 찾으려고 오랜 시간이 걸렸습니다. 클릭하고 가리 키기 만하면됩니다. 나는이 같은 함수 안에서 if else를하는 법을 알고 싶었다. 북마크 됨. – TheBlackBenzKid

0

하나의 문제는() 자동 event.preventDefault()를 호출하는 것입니다. 기본 동작을 그대로 두거나 조건부로만 호출 할 수있게 해주는 한 가지 방법이 있습니다.

$("a").click(function(event){ 
    var toggle = ($(this).data('toggle') == undefined) ? true : $(this).data('toggle'); 
    console.log(toggle); 

    if(toggle){ 
     event.preventDefault(); 
    } 

    $(this).data('toggle', !toggle); 
});​​