如何在 jQuery 中跳转或逃逸链

Question

如何在 jQuery 中跳跃或逃逸链。

例如。

$("h3").click(function(){
    //doSomething
    if(~~)  
        // in this case, escape chain(A and B function will be not work)
    else if(~~) 
        // in this case, jump to B case(A function will be not work)
})
.bind(A, function(){
    do A case.
})
.bind(B, function(){
    do B case.
});

是否可以？

Answer 1

单击处理程序中的代码在单击实际发生之前不会执行，而绑定调用是在应用单击处理程序后立即处理的。看起来您想要的是各种处理程序的条件执行。您可以通过在原始单击处理程序中设置元素上的数据，然后检查后续处理程序中的状态来实现此目的，但最好将它们创建为独立函数，然后根据需要从单击处理程序中调用它们。

Answer 2

如果 A 和 B 实际上只是函数，其中之一应该在单击时调用，请执行以下操作：

function A()
{
  ...
}
function B()
{
  ...
}

$("h3").click(function(){
    //doSomething
    if(~~)  
        A();
    else if(~~) 
        B();
})

但是，您的问题并不完全清楚。

Answer 3

要结束你的链，你可以使用 jQuery .end() 方法；但在这种情况下，您有一个条件，并且应该为每个条件运行两个不同的代码。因此，您可以在您的条件下使用 jQuery $(this) 来引用单击的内容并根据您的条件运行代码：

$("h3").click(function(){
    //doSomething
    if(~~)  
        // in this case, escape chain(A and B function will be not work)
        $(this).bind(A, function(){
            //do A case.
         })
    else if(~~) 
        // in this case, jump to B case(A function will be not work)
       $(this).bind(B, function(){
          //do B case.
       });
});