注册多个脚本取决于 jquery 到 wordpress 主题


Registering more than one script depend on jquery to wordpress theme?

function twentythirteen_scripts_styles()
{
... // Other code
// Load the Omedia's CSS files
wp_enqueue_style('css-bootstrap.min', get_template_directory_uri() . '/css/bootstrap.min.css', array(), '3.0.2');
wp_enqueue_style('css-index', get_template_directory_uri() . '/css/index.css', array(), '1.1');
wp_enqueue_style('css-kbc-styles', get_template_directory_uri() . '/css/kbc-styles.css', array(), '1.0');
wp_enqueue_style('css-menu', get_template_directory_uri() . '/css/menu.css', array(), '1.0');
wp_enqueue_style('css-rating', get_template_directory_uri() . '/css/rating.css', array(), '1.0');
// Load the Omedia's JS files
wp_enqueue_script('js-bootstrap-min', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '2013-11-14', true);
wp_enqueue_script('js-index', get_template_directory_uri() . '/js/index.js', array('jquery'), '2013-11-14', true);
wp_enqueue_script('js-kbcdeli', get_template_directory_uri() . '/js/kbcdeli.js', array('jquery'), '2013-11-20', true);
wp_enqueue_script('js-menu', get_template_directory_uri() . '/js/menu.js', array('jquery'), '2013-11-20', true);
wp_enqueue_script('js-nav', get_template_directory_uri() . '/js/nav.js', array('jquery'), '2013-11-20', true);
}
add_action('wp_enqueue_scripts', 'twentythirteen_scripts_styles');

这是我在functions.php中注册脚本和样式的代码(我更改了二十三个主题的原始文件(。我有 4 个手动脚本文件(index.js, kbcdeli.js, menu.js, nav.js).我在浏览器上测试我的主题,加载了 4 个文件,但只有index.js可以执行其脚本。

有人帮帮我,拜托!

如果加载了 4 个文件,并且您可以在源代码中查看和读取它们(不丢失(,例如使用 firebug 或直接转到 URL - 那么关于这些脚本存在不同的问题。

没有

进一步的信息,很难确定,但是至于您的直接问题和您发布的用于加载脚本的功能没有问题,功能本身也很好。

(我唯一建议的是将版本更改为不带破折号的20131120 - 但我认为它几乎没有影响 - 虽然我记得有一次加载脚本时遇到由版本中的字母引起的问题.. 但我以后无法重现它(

另外 - 您在主题中有wp_footer()wp_head吗?(如果您看到它们打印出来,我假设是的 - 但以防万一.

我的问题有了答案。我所有的jquery代码都必须

包装
(function ($) {
...
})(jQuery);

只是这样,一切都会好起来的!有人可以向我解释我必须这样做的原因吗?为什么不呢:

jQuery(document).ready(function ($) {
...
});

jQuery(function ($) {
...
});