我想运行我命名的jQuery代码service.js 我将其放入主题的js文件夹:
jQuery( document ).ready(function(){
jQuery("#tues").click(function(){
jQuery(".servicecontent").fadeOut(800).hide();
jQuery(".servicecontent3").fadeOut(800).hide();
jQuery(".servicecontent2").fadeIn(800).show();
jQuery(this).fadeIn(800).addClass("active");
jQuery("#sunday").removeClass("active").addClass("day");
jQuery("#wed").removeClass("active").addClass("day");
});
jQuery("#wed").click(function(){
jQuery(".servicecontent").fadeOut(800).hide();
jQuery(".servicecontent2").fadeOut(800).hide();
jQuery(".servicecontent3").fadeIn(800).show();
jQuery(this).fadeIn(800).addClass("active");
jQuery("#sunday").removeClass("active").addClass("day");
jQuery("#tues").removeClass("active").addClass("day");
});
jQuery("#sunday").click(function(){
jQuery(".servicecontent2").fadeOut(800).hide();
jQuery(".servicecontent3").fadeOut(800).hide();
jQuery(".servicecontent").fadeIn(800).show();
jQuery(this).fadeIn(800).addClass("active");
jQuery("#wed").removeClass("active").addClass("day");
jQuery("#tues").removeClass("active").addClass("day");
});
})( jQuery );
我把它列入我的函数中。php文件夹:
$handle = \'NLBBC_styles\';
wp_register_style( $handle, get_stylesheet_directory_uri().\'/NLBBC_styles.css\', array(), true );
wp_register_script(\'service\', get_template_directory_uri() . \'/js/service.js\', array( \'jquery\' ), true );
if ( is_page_template( \'page-home.php\' ) ) {
wp_enqueue_style( $handle );
wp_enqueue_script( \'service\' );
}
忽略样式表行
由于页面上的某些原因,这不会触发。这里到底怎么了?
也许我遗漏了什么,但这是正确的吗?
我是否需要取消注册,然后注册jQuery库的Google CDN?
最合适的回答,由SO网友:Dave Romsey 整理而成
wp_enqueue_script() 和wp_enqueue_style() 应在附加到的函数中调用wp_enqueue_scripts 措施:
// Register scripts and styles. They can be optionally enqueued later on.
add_action( \'wp_loaded\', \'wpse245419_register_scripts\' );
function wpse245419_register_scripts() {
wp_register_style( \'NLBBC_styles\', get_stylesheet_directory_uri() . \'/NLBBC_styles.css\', array(), true );
wp_register_script( \'service\', get_template_directory_uri() . \'/js/service.js\', array( \'jquery\' ), true );
}
// Enqueue scripts and styles.
add_action( \'wp_enqueue_scripts\', \'wpse245419_enqueue_scripts\' );
function wpse245419_enqueue_scripts() {
// Only enqueue scripts and styles when the page-home.php template is used.
if ( is_page_template( \'page-home.php\' ) ) {
wp_enqueue_style( \'NLBBC_styles\');
wp_enqueue_script( \'service\' );
}
}