Question

我需要在WooCommerce下订单按钮上放置一个警报。当我将代码放在下面的ID为“ place_order”的地方时，它不起作用。但是，当我使用其他任何元素ID更改此ID并单击该按钮时，它将起作用！

当我单击以下按钮时，我需要此警报才能工作：

jQuery(document).ready(function($) {

  $(function() {
    $('#place_order').click(function() {
      alert("This is a test message... please ignore this.");
    });
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Place order" data-value="Place order">Pay securely with WorldPay</button>

您能告诉我我想念什么吗？是因为按钮调用了ajax吗？如果是的话，我该如何做？

谢谢

Answer 1

这是您如何使用链接按钮或普通按钮的方法：

但是您使用的是“提交”按钮，因此表单已提交，您看不到消息。如果需要，这是一种停止提交表单的方法：

$(document).ready(function(){
    $('#place_order').click(function() {
        alert("This is a test message... please ignore this.");
    });
});

希望它对您有帮助

Answer 2

您的代码必须是这样的，您可以检查缺少的内容。

float

希望我能帮上忙！

Answer 3

这是您如何使用链接按钮或普通按钮的方法：

$(document).ready(function(){
    $('#place_order').click(function() {
        alert("This is a test message... please ignore this.");
    });
});

但是您使用的是“提交”按钮，因此表单已提交，您看不到消息。如果需要，这是一种停止提交表单的方法：

$(document).ready(function(){
    $('form').on('submit', function(event){
       event.preventDefault();
       event.stopPropagation();
       alert("Form Submission prevented/stopped.");
    });

    $('#place_order').click(function() {
        alert("This is a test message... please ignore this.");
    });
});

在按钮上单击警报未触发

3 个答案: