如果页面有类，则停止函数

Question

我有一个简单的功能，可以在我的 woocommerce 结帐时将运输详细信息附加到帐单详细信息中。但是，一旦将类添加到 div，我希望此函数停止触发。

function billingclick() {
    $('#billing_first_name').val($('#shipping_first_name').val());
    $('#billing_last_name').val($('#shipping_last_name').val());    
};

$('.wpmc-ripple.wpmc-billing').on('click', function(e) {
    billingclick();
}); 

我不能使用一键式功能，因为验证会破坏这一点。

如果添加了 div 类，有什么方法可以停止该功能？

例如，如果 .wpmc-step-shipping 具有当前类，则停止 billingclick() 函数。

    if (!$(".wpmc-step-shipping").hasClass("current")) {
        // function here
    }

谢谢

Answer 1

您似乎正在尝试删除点击处理程序。虽然这是可能的，但您需要确切地知道何时将类添加到相关元素，这并不总是可行的，也不简单。

更简单的解决方案是将if 条件放在billingclick() 函数中，并且仅在类不存在时更新所需元素的val()。试试这个：

function billingclick() {
  if (!$(".wpmc-step-shipping").hasClass("current")) {
    $('#billing_first_name').val($('#shipping_first_name').val());
    $('#billing_last_name').val($('#shipping_last_name').val());
  }
};

$('.wpmc-ripple.wpmc-billing').on('click', billingclick);

Answer 2

您的代码应如下所示：

function billingclick() {
  if (!$(".wpmc-step-shipping").hasClass("current")) {
    $('#billing_first_name').val($('#shipping_first_name').val());
    $('#billing_last_name').val($('#shipping_last_name').val());  
  }  
};

$('.wpmc-ripple.wpmc-billing').on('click', function(e) {
    billingclick();
}); 

首先在你的函数中执行if condition。

Answer 3

正如其他答案所说，您可以在点击处理程序中执行该检查：

//this should probably be renamed to be updateBillingWithShipping
function billingclick() {
    $('#billing_first_name').val($('#shipping_first_name').val());
    $('#billing_last_name').val($('#shipping_last_name').val());    
};

$('.wpmc-ripple.wpmc-billing').on('click', function(e) {
    if (!$(".wpmc-step-shipping").hasClass("current")) {
        billingclick();
    }
}); 

您还可以删除 $('.wpmc-ripple.wpmc-billing') 上的事件处理程序

• $('.wpmc-ripple.wpmc-billing').off('click')
• 见jQuery off() documentation

您还可以禁用“.wpmc-ripple.wpmc-billing”控件。

• 这通常是您在组件视图中描述的内容，因为它是反映另一个控件（表示为类）状态的控件状态。