jquery - 如果页面有类则停止函数

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