1

我对 Javascript/jQuery 比较陌生，所以请多多包涵。

我正在设计一个自定义 WordPress 主题，并且一直在使用 jQuery 对在我的头文件 (header.php) 中生成的主导航菜单进行一些更改。我一直在 head 标签内添加这样的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
  <script>
    $(document).ready(function(){
      $('nav').mouseover(function() {
        // my mousecode here...
      }); // end mouseover
    }); // end ready
  </script>

我的问题真的很简单。我的脚本已经很长了，以至于我想将它们移动到它们自己的文件（可能是 nav-mouse-events.js）并从 header.php 中调用它们。我该怎么做呢？是否就像将第二个脚本标签之间的代码放入名为 nav-mouse-events.js 的文件中然后将其添加到 head 标签中一样简单？

<script src="nav-mouse-events.js"></script>

还是我需要做一些更复杂的事情？我需要从新的外部文件或 header.php 调用 jQuery 吗？

4

2 回答 2

3

您可以将脚本放在一个.js文件中并使用wp_enqueue_scriptinfunctions.php以正确的方式包含它们。

来自wordpress 网站：

<?php
function my_scripts_method() {
    wp_enqueue_script(
        'custom-script',
        get_template_directory_uri() . '/js/custom_script.js',
        array( 'jquery' )
    );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
?>
于 2013-04-05T10:34:48.057 回答
0

添加这一行：

<script src="<?php echo get_bloginfo('template_url ');?>/nav-mouse-events.js"></script>

并用代码保存nav-mouse-events.js文件：

$(document).ready(function(){
      $('nav').mouseover(function() {
        // my mousecode here...
      }); // end mouseover
    }); // end ready

在您的模板文件夹中。

于 2013-04-05T10:38:41.467 回答