为什么wordpress Jquery只能在刷新后工作

Question

这是我的代码：

<script type="text/javascript">
  jQuery( document ).ready(function() {
    jQuery('#bookbtn_loc_1').on('click', function(event){
      jQuery("a.da-close").click();
      jQuery("#loc").val("B&B de fruithoeve Schalkhoven").change();
    });
  });
</script>

我想在单击 ID 为 #bookbtn_loc_1 的按钮时运行此代码。

但是，此脚本仅在我刷新页面后才有效。在第一次加载期间，它不会工作。

我已经尝试在标题和正文上添加代码，但问题仍然存在。

我希望有人已经解决了这个问题并已经解决了它。请分享您的解决方案。

谢谢。

Answer 1

我发现你的页面中没有id为“bookbtn_loc_1”的按钮。所以脚本无法将点击事件绑定到按钮上，所以不会触发。

如下图所示，当我找到“bookbtn_loc_1”时 - 没有结果：

Answer 2

试试这个：

<script type="text/javascript">
    jQuery( document ).ready(function() {
        jQuery( document ).on('click', '#bookbtn_loc_1', function(){
            jQuery("a.da-close").click();
            jQuery("#loc").val("B&B de fruithoeve Schalkhoven").change();
        });
    });
</script>

如果不需要，从函数中删除事件参数。