javascript - 单击切换 (jQuery)

Question

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

..这就是悬停，我如何为点击切换做同样的事情，即点击时执行x，第二次点击时执行y？

非常感谢

Answer 1

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

Answer 2

$.toggle()将采用任意数量的功能。这里有两个：

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

演示：http: //jsfiddle.net/vbkBQ/

Answer 3

toggle() 的一个问题是它会自动调用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);
});​​