0

我从头开始开发一个主题，现在我有一个来自一个网站的代码片段，他在其中使用脚本，例如 -

<script>
        head.js(
            { jquery : "js/jquery.min.js" },
            { mousewheel : "js/jquery.mousewheel.js" },
            { mwheelIntent : "js/mwheelIntent.js" },
            { jScrollPane : "js/jquery.jscrollpane.min.js" },
            { history : "js/jquery.history.js" },
            { stringLib : "js/core.string.js" },
            { easing : "js/jquery.easing.1.3.js" },
            { smartresize : "js/jquery.smartresize.js" },
            { page : "js/jquery.page.js" }
        );
</script>

现在，当我在我的 category-{slug}.php 中尝试此操作时，它会在 wordpress/category/{slug}/ 文件夹中搜索这些文件

现在我也在这里试过`

<script>
        head.js(
            { jquery : "<?php bloginfo('template_url')?>/js/jquery.min.js" },
            { mousewheel : "<?php bloginfo('template_url')?>/js/jquery.mousewheel.js" },
            { mwheelIntent : "<?php bloginfo('template_url')?>/js/mwheelIntent.js" },
            { jScrollPane : "<?php bloginfo('template_url')?>/js/jquery.jscrollpane.min.js" },
            { history : "<?php bloginfo('template_url')?>/js/jquery.history.js" },
            { stringLib : "<?php bloginfo('template_url')?>/js/core.string.js" },
            { easing : "js/jquery.easing.1.3.js" },
            { smartresize : "<?php bloginfo('template_url')?>/js/jquery.smartresize.js" },
            { page : "<?php bloginfo('template_url')?>/js/jquery.page.js" }
        );`
</script>

然后我在萤火虫中也遇到了 404 错误，但是当我尝试这样的事情时 -

{jquery : "../../wp-content/themes/testing/js/literature"},

它有效，现在我想知道为什么它在文件夹类别而不是我的主题目录中查找这些依赖项，而同时如果我写了这些行

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/literature/head.min.js"></script>

在我的头部，令我惊讶的是他们工作，谁能告诉我这里发生了什么

4

2 回答 2

1

根据您的代码，您正在使用一个名为head.js的脚本，它允许您向标头添加更多脚本。如果你真的想使用 head.js，你必须手动在你的 head 中添加那个脚本。我不鼓励使用你并不真正需要的东西。

将此 PHP 代码放入您的 functions.php 文件中，该文件应位于您的主题目录中。如果没有，请创建它。这就是您通常在主题中包含脚本的方式。

add_action('wp_enqueue_scripts', 'mytheme_enqueue_scripts');

function mytheme_enqueue_scripts() {
    // jQuery comes with WordPress, no need to include it


    $dir = get_stylesheet_directory_uri() . '/js';

    // Vanilla scripts
    wp_enqueue_scripts('stringLib',     $dir . '/core.string.js');

    // All these guys depend on jQuery, hence the "array('jquery')"
    wp_enqueue_scripts('easing',        $dir . '/jquery.easing.1.3.js',         array('jquery'));
    wp_enqueue_scripts('easing',        $dir . '/jquery.smartresize.js',        array('jquery'));
    wp_enqueue_scripts('easing',        $dir . '/jquery.page.js',               array('jquery'));
    wp_enqueue_scripts('history',       $dir . '/jquery.history.js',            array('jquery'));
    wp_enqueue_scripts('mousewheel',    $dir . '/jquery.mousewheel.js',         array('jquery'));
    wp_enqueue_scripts('mwheelintent',  $dir . '/jquery.easing.1.3.js',         array('jquery'));
    wp_enqueue_scripts('mwheelintent',  $dir . '/mwheelIntent.js',              array('jquery'));
    wp_enqueue_scripts('jscrollpane',   $dir . '/jquery.jscrollpane.min.js',    array('jquery'));

    // This one happens to rely on jScrollPane
    wp_enqueue_scripts('mwheelintent',  $dir . '/mwheelIntent.js',              array('jscrollpane'));
}

PS。不要忘记 PHP 代码总是以<?php

于 2013-09-12T06:57:35.343 回答
0

在加载 category-{slug}.php 之前是否加载了 wp-blog-header.php？

于 2013-09-11T13:44:13.327 回答