Question

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

..那是悬停的，我如何点击切换，即点击x和第二次点击y？

Manythanks

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

单击切换（jQuery）

3 个答案: