Question

在我的独立html文件中，当我尝试下面的代码时，它工作正常，并且在每个页面加载时，它会按预期显示警报窗口。

但是，当我尝试使用相同的代码并在Wordpress中的header.php和footer.php中使用它时，它不会启动。即使我点击链接，它也没有做任何事情。我正在尝试用灯箱做类似的事情。有人可以告诉为什么这不适用于WP吗？

<a class="test" href="#">Test</a>

<script type="text/javascript">
$(document).ready(function() {
      $(".test").click(function () {
        alert('My test');
      });
      $(".test").trigger("click");
});
</script>

Answer 1

我发现很多WP主题，jQuery是以noConflict模式加载的，在这种情况下，jQuery的全局$快捷方式不可用。尝试将JS更改为 -

<script type="text/javascript">
jQuery(document).ready(function() {
      jQuery(".test").click(function () {
        alert('My test');
        return false;
      });
      jQuery(".test").trigger("click");
});
</script>

为什么自动点击打开不在Wordpress中工作的警报窗口或灯箱？

1 个答案: