jQuery就绪函数在WordPress中不起作用

时间:2009-08-25 09:19:46

标签: wordpress

我在WordPress上使用jQuery(@the HOME页面),ready函数对我不起作用。我有一个index.php,它包括(php)页眉,页脚和侧边栏。我测试了这段代码:

<script type="text/javascript" src="path_to_jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
   $(document).ready(function() {
      alert ("test text");
   });
</script>

警报(文字"test text")不会立即弹出!它只是在我的侧边栏加载后弹出。这意味着当我看到索引页面(侧栏未加载)时,我必须等待几秒钟,直到侧栏完成加载,然后才执行jQuery代码:警报弹出。所以准备好的功能就不行了。 任何人都可以告诉我为什么以及如何解决这个问题?感谢。

3 个答案:

答案 0 :(得分:48)

在WordPress环境中,请使用:

jQuery(function($){
    // now you can use jQuery code here with $ shortcut formatting
    // this executes immediately - before the page is finished loading
});


jQuery(document).ready(function($){
    // now you can use jQuery code here with $ shortcut formatting
    // this will execute after the document is fully loaded
    // anything that interacts with your html should go here
}); 

答案 1 :(得分:2)

在加载侧边栏后会弹出警报,因为在完成整个页面加载后应该执行ready()。

答案 2 :(得分:1)

  

警报(带有文本“测试文本”)不会立即弹出!它只在我的网站栏加载后弹出。

使用ready的确切the advantage。如果您想立即弹出,只需执行

即可
<script type="text/javascript">
  alert ("test text");
</script>