Bootstrap js refuses to load

时间：2016-08-18 作者：Pantelis

我使用了一个小javascript文件创建了一个非画布推送导航栏。我按照Wordpres Codex中的描述加载了该文件：

function sidebar () {
wp_enqueue_script(\'theme-js\', get_stylesheet_directory_uri() . \'/js/nav-sidebar.js\',array( \'jquery\' ),$version,true );
}
add_action(\'wp_enqueue_scripts\', \'sidebar\');
然而，似乎唯一加载的js是nav侧栏和引导程序。js拒绝加载。如果我删除nav侧栏。js，引导。js负载正常。这造成了我无法解决的冲突。

你可以找到我用过的剧本here

2 个回复
最合适的回答,由SO网友:bravokeyl 整理而成

正在扩展@RRikesh 注释，您可能已将bootstap.js 使用相同的手柄theme-js. 因此，只有一个脚本进入队列。

例如，尝试使用不同的句柄nav-sidebar. 请参阅以下代码。此外，建议使用前缀，这里我使用了wpse. 同时使用get_template_directory_uri 而不是get_stylesheet_directory_uri() 如果不是儿童主题。

function wpse_sidebar () {
   wp_enqueue_script(\'nav-sidebar\', get_template_directory_uri() . \'/js/nav-sidebar.js\',array( \'jquery\' ),\'1.0.0\',true );
}
add_action(\'wp_enqueue_scripts\', \'wpse_sidebar\');

SO网友:Rituparna sonowal

我假设您已经在主题函数中将引导js排队。php的句柄命名为“bootstrapjs”，与nav提要栏的处理方式相同。js，你没有提到。现在对您的代码进行一些更改。

function sidebar(){
wp_enqueue_script(\'theme-js\', get_stylesheet_directory_uri() . \'/js/nav-sidebar.js\', array( \'jquery\',\'bootstrapjs\' ),$version, true );
}
add_action(\'wp_enqueue_scripts\', \'sidebar\');
其他可能的原因是您没有正确地将引导js排入队列。还要检查404错误。

标签： wp-enqueue-script   twitter-bootstrap   小码农  

相关推荐

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环？

我想根据4列（桌面视图）、2列（mobile view 768px）和1列（mobile view 425px）的组合显示帖子。我在下面找到了很棒的代码：<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',