jquery - 如何在 WordPress 主题中使用 jQuery？

Question

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

wp_enqueue_script( 'jquery' );

并使用这个进行测试：

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

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

请帮忙，谢谢

Answer 1

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

与其直接在标题中编写脚本，不如链接到外部文件（示例）： <script type="text/javascript" src="http://yourwebsite/javascripts/.js"></script>

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

Answer 2

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

  <?php wp_head(); ?>

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

现在你可以打电话

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

这样你就可以在你的主题中使用 jquery 了。

Answer 3

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

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

add_action('wp_head', 'custom_script');