ajaxComplete射击多次- woocommerce添加到cart

I am trying to make an alert window fire when adding specific products to cart in WooCommerce. For this I am adding a click function to the add to cart button, that fires on ajaxComplete. However, the ajaxComplete seems to make it fire multiple times. How can I prevent this?

当我在WooCommerce中添加特定的产品时，我正在尝试发出警告窗口。为此，我向add to cart按钮添加了一个click函数，它在ajaxComplete上启动。然而，ajaxComplete似乎让它火了很多次。我该如何预防呢?

jQuery('#bvbutton').click(function() {
  jQuery( document ).ajaxComplete(function() {
    alert("testing!");
  });
});

EDIT: Per request here is a more thorough explanation: The ajax call is made from within WooCommerce and I would prefer not editing this. What I am trying to do is giving the buttons of the specific products a unique id, and making a click on a button with this id trigger an alert box.

编辑:这里的每个请求都有一个更全面的解释:ajax调用来自WooCommerce，我不希望编辑它。我要做的是给特定产品的按钮一个唯一的id，然后用这个id单击一个按钮，就会触发一个警报框。

The whole point is that items from within in a specific category, a, is supposed to give 10 % percent discount on products from category b. When adding a product from category a, the alert box is supposed to fire and inform about discount on category b. Hence I give these buttons a specific id, and would like to make a click event targeting these id's. When clicked, I need to await the ajax call that adds item to cart and then fire alert box.

事情的关键在于从内部项目在一个特定的类别,一个,应该是给10%折扣的产品类别b。当添加一个产品类别,警告框应该是火和通知关于折扣类别b。因此我给这些按钮一个特定的id,并单击事件针对这些id。单击时，我需要等待向cart添加项目的ajax调用，然后启动警报框。

Hope it makes sense now

希望现在讲得通。

2 个解决方案

#1

$.ajaxComplete is global. This handler will be added to all AJAX requests as many times as is called. In your case each time #bvbutton is clicked a another handler instance is added globally.

美元。ajaxComplete是全球性的。这个处理程序将被多次添加到所有AJAX请求中。在您的示例中，每当单击#bvbutton时，全局添加另一个处理程序实例。

Instead, add the handler once in the DOM ready event. Not on any specific click events.

相反，在DOM ready事件中添加处理程序一次。不针对任何特定的单击事件。

$(function() {
  jQuery( document ).ajaxComplete(function() {
    alert("testing!");
  });
});

2 个解决方案

#1

更多相关文章

随机推荐