Question

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

＆LT; - footer.php - ＆GT;

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


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

＆LT; - footer.php - ＆GT;

我需要在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/including-jquery-in-wordpress-the-right-way/

How do I add a simple jQuery script to WordPress?

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

在wordpress环境中使用jQuery()代替$()。或者你可以：

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

和不，你不需要在样式表中有一些引用div

的东西祝你好运！

在wordpress中x秒后隐藏div

2 个答案: