javascript - 在wordpress中x秒后隐藏一个div

Question

我想在 10 秒后使用 Javascript 将图片隐藏在 div 中。我拥有的 div 与我研究隐藏的脚本一起在 footer.php 中，但它不起作用。有任何想法吗？？下面是我的代码片段。

<--footer.php-->

<div id="hide">
    <img src="http://www.example.com/image.png">
</div>


<script type="text/javascript">
   setTimeout(function() {
   $('#hide').hide();
}, 10000);
</script>

<--footer.php-->

我需要在我的 stylesheet.css 中有一些东西来引用#hide 吗？？？

提前致谢。保罗

Answer 1

如果您还包含 jQuery 库，您的代码是正确的并且应该可以工作。

例如：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Answer 2

确保正确包含 jquery：

http://digwp.com/2009/06/include-jquery-in-wordpress-the-right-way/

如何向 WordPress 添加一个简单的 jQuery 脚本？

http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/

在 wordpress 环境中使用jQuery()而不是。$()或者您可以：

jQuery(function($){
  setTimeout(function() {
    $('#hide').hide();},
  10000); 
});

不，您不需要在样式表中包含一些引用div

祝你好运 ！