javascript - Jquery 在 wordpress 内容中不起作用

Question

基于单击 div，我有一段非常简单的 jquery 代码（向上滑动一段文本）。

<script>
jQuery("#test").click(function () {
    jQuery(this).slideUp();
});
</script>

当

<div id="test">some text</div>

<div id="test">some text</div>放置在页面的主要内容之外，因此在页眉或页脚中，但是当放置在内容部分中时它不起作用。

我已经在互联网上搜索了解决方案，但我找不到解决方案。

Answer 1

确保代码在 DOM 就绪上执行：

jQuery(document).ready(function () {
    jQuery("#test").click(function () {
        jQuery(this).slideUp();
    });
});

说明：http ://api.jquery.com/ready/

Answer 2

使用 $(document).ready 函数作为代码的包装器。