注册多个脚本取决于 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 ($) {
...
});
相关文章:
- .load ajax无法正常工作whitin wordpress主题
- 将prettyPhoto集成到Wordpress主题中
- 将Jquery与wordpress主题一起使用
- 试图让我的引导程序navabar背景淡出滚动在我的wordpress主题
- 在wordpress主题中添加花哨的灯箱,而无需使用插件
- 防止我的自定义WordPress主题被复制
- 我无法在自定义Wordpress主题中成功加载jQuery
- 将JavaScript文件添加到WordPress主题
- Wordpress主题angularJS承诺
- 注册多个脚本取决于 jquery 到 wordpress 主题
- Wordpress主题选项错误
- 需要帮助将一些JavaScript代码添加到我的wordpress主题中
- 在主页上隐藏WordPress主题的一部分
- 您如何对使用 Grunt 的 JS 文件的 WordPress 主题进行更改
- 在响应式 wordpress 主题中的每个字母中添加<跨度>
- 无法让我的下拉菜单在基于引导的 Wordpress 主题中工作
- 带有 Wordpress 主题的 ie8 和 ie9 中的 Jquery 错误.(对象不支持此属性或方法)
- 无法在自定义WordPress主题中运行JS文件
- 使用同位素和帖子视图的WordPress主题
- WordPress主题在IE中显示不正确