Question

$(function(){ 
    $(".square").toggle(
        function(){ $(this).animate({"width":"200px"}, 900); 
                  },

        function(){ $(this).animate({"width":"100px"}, 900); 
        } 
    ); 

    $(document).click(function() {
       $('.square').animate({ "width":"100px"}, 900);  
    });
})

在这个例子中，
1-用户单击方块一次（执行切换的第一个功能） 2-用户然后单击后台另一个功能称为
3-用户点击正方形（我想调用切换的第二个功能，与数字2相同，这就是第一次点击没有任何反应的原因。）

所以我想在数字中。 2我应该跳过所有的切换功能。我不知道怎么做

如果只执行第一个功能，如何跳过所有切换？

（顺便说一下，我尝试了“stop（）。animate”并且它不起作用）

以下是工作示例。您可以进行更改：http://jsfiddle.net/xngx9/

Answer 1

demo

$(function(){
    $(".square").click(function(e){
        e.stopPropagation();
        var tgl = $(this).width() === 100 ?
        $(this).stop(1).animate({"width":"200px"}, 900):
        $(this).stop(1).animate({"width":"100px"}, 900);
    });

    $(document).click(function() {
      $('.square').stop(1).animate({ "width":"100px"}, 900);  
    });
});

跳过切换中间

1 个答案:

demo