如何在WordPress主题中使用jQuery?

时间:2012-08-03 15:46:49

标签: jquery wordpress themes

我尝试在2011年使用jQuery WordPress主题我将其添加到标题中:

wp_enqueue_script( 'jquery' );

并使用此测试:

<script type="text/javascript">
    $(document).ready(function(){
        alert("test");
    });
</script>

我也使用jQuery而不是$但是这不起作用。

请帮忙,谢谢

3 个答案:

答案 0 :(得分:0)

前几天,我确实在Wordpress上遇到过这个问题。我只是通过将我的脚本添加到标头,并确保jQuery正在运行来解决它。

不是直接在标题中编写脚本,而是链接到外部文件(示例)可能更好:  <script type="text/javascript" src="http://yourwebsite/javascripts/.js"></script>

将它托管在服务器上的某个位置然后链接到它 - 如果它包含事件处理程序,它们应该没有问题地绑定。

答案 1 :(得分:0)

将此代码放在主题function.php中:

function custom_script() { ?>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            alert("test");
        });
    </script><?php
}

add_action('wp_head', 'custom_script');

答案 2 :(得分:0)

  <?php wp_enqueue_script("jquery"); ?>

  <?php wp_head(); ?>

将此代码放在主题的header.php文件的(部分)中。

现在你可以打电话了

      <script type="text/javascript"
          src="<?php bloginfo("template_url"); ?>/js/yourScript.js">
      </script>

通过这种方式,您可以将jquery用于您的主题。