尽管已注册脚本并将其入队,但jQuery代码仍未在页面上触发

时间:2016-11-08 作者:Ethan

我想运行我命名的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?

1 个回复
最合适的回答,由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\' );
    }
}

相关推荐

JQuery php请求返回一个奇怪的结果

我有一个奇怪的小故障发生在我身上,我不知道我是如何产生它的,或者它是否是正常的。我正在开发自己的插件,当一个足球队/足球队被输入到一个框中时,它会检查它是否已经在数据库中。以下是我的代码行add_action( \'admin_footer\', \'fws_teamcheck_javascript\' ); function fws_teamcheck_javascript() { ?> <script type="text/javascript">