如何在Jquery中的同一个函数中放置多个命令

Question

我有这个功能，但我知道错误是我放了两个命令，首先是淡化元素并隐藏其他命令。我怎样才能以正确的模式进行此操作？

$(maisJuridico).on("mousedown", function(){ 
    $(Juridico).fadeIn(); 
    $(menosJuridico).hide(); 
}, false);

Answer 1

首先，只要您使用jQuery，就不需要.addEventListener。您可以使用on绑定活动。

因此，如果您希望在fadeIn动画完成后调用第二个方法，则可以传递complete回调函数并从那里调用第二个方法。

这样的事情：

(maisJuridico).on("mousedown", function(){ 
    $(Juridico).fadeIn({
       complete: function() {
            $(menosJuridico).hide(); 
       }
    }); 
}, false);

来自docs：

  

.fadeIn（选项）

     

<强>完整   类型：功能（）

     

动画后调用的函数   在元素上完成。

另一个syntax将complete回调作为第二个参数传递。在这种情况下，第一个参数是duration。像这样：

$(Juridico).fadeIn(400, function() {
    $(menosJuridico).hide(); 
});