Question

我在WordPress中有一个ajax列表。每次我点击其中一个链接时，都会有ajax请求来过滤产品。

每次单击列表中的链接时，我都希望切换addClass和removeClass。

以下我的脚本仅适用于ajaxComplete

j( document ).ajaxComplete(function() {

  j('.woof_radio_label').click(function(myEvent) {
    if(j(this).siblings('.woof_radio_term').is(':checked')) {
      j('.page-content-wrap').removeClass('open');
      j(this).siblings('.woof_radio_term_reset').click();
    } else {
      j('.page-content-wrap').addClass('open');
    }
  });

});

当我遇到if条件时，它将在网站上执行else语句。您知道我可以输入什么代码以使else语句不执行吗？

任何想法都值得赞赏。谢谢

Answer 1

对于您的情况，应使用return false停止。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return

Answer 2

我能够通过将事件绑定到.on()方法来解决问题。它甚至适用于动态创建的元素。

下面的代码现在在文档就绪内部而不是在ajaxComplete内部执行

j(document).on('click', '.woof_sid_woof-categories .woof_list_radio > li > .woof_childs_list > li > .woof_childs_list > li .woof_radio_label', function(e) {
    if(j(this).siblings('.woof_radio_term').is(':checked')) {
      j('.page-content-wrap').removeClass('open');
      j(this).siblings('.woof_radio_term_reset').click();
    } else {
      j('.page-content-wrap').addClass('open');
    }
});

如何在使用jQuery的if语句后中断？

2 个答案: