jQuery,按钮文本更改后的setTimeout

时间:2018-04-27 15:06:39

标签: jquery woocommerce settimeout

点击后,我设法将Add to bag按钮上的文字更改为ADDED。它使用以下jQuery代码工作正常,但我想知道:

如何在5秒后将ADDED文本还原为原始文本Add to bag

使用setTimeout时我遗失了什么?或者根本不是解决这个问题的正确方法?

jQuery( document ).ajaxComplete(function() {
  jQuery("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added" ).text("ADDED");
}); 

2 个答案:

答案 0 :(得分:0)

使用setTimeout方法。

jQuery( document ).ajaxComplete(function() {
    var element = jQuery("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added");
    element.text("ADDED");
    setTimeout(function() {
        element.text("Add to bag");
    }, 5 * 1000);
});

5秒后,它将调用最里面的function()块内的代码,并将文本更改为"添加到包"。

答案 1 :(得分:0)

您需要添加的是MANIFEST.MF,这将在执行该功能之前等待x个时间。

在这种情况下,我们可以使用 5000 5秒,并使用函数setTimeout(function,x)来更改文本。

jQuery("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added" ).text("Add to bag");

希望这会有所帮助:)