在我的WordPress项目中，我需要使用WordPress插件，为了使该插件工作，我必须wp_head() 和wp_footer(). 但当我把它放进去时，我的滑块的JS文件就不会加载了。<script src="<?php bloginfo(\'stylesheet_directory\');?>/layout/scripts/tabslet/jquery.tabslet.min.js"></script>
知道如何加载JS文件吗wp_head() 和wp_footer 功能。我使用的滑块是引导转盘滑块（不是插件）。
更新我在functions.php 但仍然没有成功。
function wpdocs_theme_name_scripts() {
wp_enqueue_style( \'style-name\', get_stylesheet_uri() );
wp_enqueue_script( \'script-name\', get_template_directory_uri() . \'/layout/scripts/tabslet/jquery.tabslet.min.js\', array(), \'1.0.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'wpdocs_theme_name_scripts\' );
以下是我的divs结构之后的页脚内容-：
<!-- jQuery (necessary for Bootstrap\'s JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="<?php bloginfo(\'stylesheet_directory\');?>/js/custom.js"> </script>
<script src="<?php bloginfo(\'stylesheet_directory\');?>/js/lightbox-plus-jquery.min.js"></script>
<script src="<?php bloginfo(\'stylesheet_directory\');?>/layout/scripts/jquery.min.js"></script>
<script src="<?php bloginfo(\'stylesheet_directory\');?>/layout/scripts/jquery.fitvids.min.js"></script>
<script src="<?php bloginfo(\'stylesheet_directory\');?>/layout/scripts/jquery.mobilemenu.js"></script>
<script src="<?php bloginfo(\'stylesheet_directory\');?>/layout/scripts/tabslet/jquery.tabslet.min.js"></script>
<?php wp_footer()?>
</body>
</html>
更新
我把所有这些脚本都放进了函数中。php如下
function wpdocs_theme_name_scripts() {
wp_enqueue_style( \'style-name\', get_stylesheet_uri() );
wp_enqueue_script( \'script-name0\', \'https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js\', array(\'jquery\'), true );
wp_enqueue_script( \'script-name1\', get_stylesheet_directory_uri() . \'/js/custom.js\', array(\'jquery\') );
wp_enqueue_script( \'script-name2\', get_stylesheet_directory_uri() . \'/js/lightbox-plus-jquery.min.js\', array(\'jquery\'), true );
wp_enqueue_script( \'script-name3\', get_stylesheet_directory_uri() . \'/layout/scripts/jquery.min.js\', array(\'jquery\'), true );
wp_enqueue_script( \'script-name4\', get_stylesheet_directory_uri() . \'/layout/scripts/jquery.fitvids.min.js\', array(\'jquery\'), true );
wp_enqueue_script( \'script-name6\', get_stylesheet_directory_uri() . \'/layout/scripts/tabslet/jquery.tabslet.min.js\', array(\'jquery\'), \'1.4.2\', true );
}
add_action( \'wp_enqueue_scripts\', \'wpdocs_theme_name_scripts\' );
最合适的回答,由SO网友:majick 整理而成
更像这样的。。。
function wpdocs_theme_name_scripts() {
wp_enqueue_style( \'style-name\', get_stylesheet_uri() );
// only enqueue jquery if it is not already enqueued!
if (!wp_script_is(\'jquery\',\'enqueued\')) {
wp_enqueue_script( \'jquery\', \'https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js\', array(), true );
}
// note: last parameter only needed here if custom.js actually needs jquery
wp_enqueue_script( \'script-name1\', get_stylesheet_directory_uri() . \'/js/custom.js\', array(\'jquery\') );
// all other scripts clearly need jquery to run...
wp_enqueue_script( \'script-name2\', get_stylesheet_directory_uri() . \'/js/lightbox-plus-jquery.min.js\', array(\'jquery\'), true );
wp_enqueue_script( \'script-name3\', get_stylesheet_directory_uri() . \'/layout/scripts/jquery.min.js\', array(\'jquery\'), true );
wp_enqueue_script( \'script-name4\', get_stylesheet_directory_uri() . \'/layout/scripts/jquery.fitvids.min.js\', array(\'jquery\'), true );
// wp_enqueue_script( \'script-name6\', get_stylesheet_directory_uri() . \'/layout/scripts/tabslet/jquery.tabslet.min.js\', array(\'jquery\'), \'1.4.2\', true );
}
add_action( \'wp_enqueue_scripts\', \'wpdocs_theme_name_scripts\' );
编辑：要在页脚中单独添加此项。。。
add_action(\'wp_footer\',\'tabslet_script\');
function tabslet_script() {
echo \'<script src="\'.get_stylesheeet_directory_uri().\'/layout/scripts/tabslet/jquery.tabslet.min.js"></script>\';
}
