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 ready上执行：

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

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

Answer 2

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