WordPress jQuery文件未入队

时间：2016-08-23 作者：user agent

我刚把我的网站放到网上，注意到菜单并没有真正起作用。当我点击它时，什么也没有发生，当我检查元素时，我实际上没有看到脚本。不过，所有这些都可以在本地主机中完美工作。

这是我的功能。php：

function scentology_scripts() {

        wp_enqueue_style( \'scentology-local-fonts\', get_template_directory_uri() . \'/fonts/raleway.css\' );                   

        wp_enqueue_style( \'scentology-style-fontawesome\', \'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css\' );

    wp_enqueue_style( \'scentology-style\', get_stylesheet_uri() );

//        wp_enqueue_script( \'scentology-style\', get_template_directory_uri() . \'/js/scrollspy.js\', array(jquery), \'20151215\', true );

        wp_enqueue_script( \'scentology-menu\', get_template_directory_uri() . \'/js/menu.js\', array(\'jquery\'));
        wp_enqueue_script( \'scentology-menu\');

    wp_enqueue_script( \'scentology-navigation\', get_template_directory_uri() . \'/js/navigation.js\', array(), \'20151215\', true );

    wp_enqueue_script( \'scentology-skip-link-focus-fix\', get_template_directory_uri() . \'/js/skip-link-focus-fix.js\', array(), \'20151215\', true );

    if ( is_singular() && comments_open() && get_option( \'thread_comments\' ) ) {
        wp_enqueue_script( \'comment-reply\' );
    }
}
add_action( \'wp_enqueue_scripts\', \'scentology_scripts\' );
和我的jquery代码：

(function( $ ){      
   $(".burguer-nav").on("click", function() {      
        $("header nav ul").toggleClass("open"); 
    });     
})(jQuery);
是否有其他方法可以加载脚本？

4 个回复
SO网友:user agent

我没有发现我之前做的有什么不对。但无论如何，我把文件名改成了navbar。js，然后是我的函数。php如下所示：

function scentology_scripts() {
    wp_enqueue_style( \'scentology-local-fonts\', get_template_directory_uri() . \'/fonts/raleway.css\' );
    wp_enqueue_style( \'scentology-style-fontawesome\', \'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css\' ); 

    wp_enqueue_style( \'scentology-style\', get_stylesheet_uri() ); 

    wp_enqueue_script( \'scentology-menu\', get_template_directory_uri() . \'/js/navbar.js\', array(\'jquery\'), \'20151215\', true);

    wp_enqueue_script( \'scentology-navigation\', get_template_directory_uri() . \'/js/navigation.js\', array(\'jquery\'), \'20151215\', true );

//    wp_enqueue_script( \'scentology-style\', get_template_directory_uri() . \'/js/scrollspy.js\', array(jquery), \'20151215\', true );

    wp_enqueue_script( \'scentology-skip-link-focus-fix\', get_template_directory_uri() . \'/js/skip-link-focus-fix.js\', array(\'jquery\'), \'20151215\', true );

    if ( is_singular() && comments_open() && get_option( \'thread_comments\' ) ) {
     wp_enqueue_script( \'comment-reply\' ); 
    }
}
add_action( \'wp_enqueue_scripts\', \'scentology_scripts\' );

SO网友:Rituparna sonowal

function scentology_scripts() {
    wp_enqueue_style( \'scentology-local-fonts\', get_template_directory_uri() . \'/fonts/raleway.css\' );
    wp_enqueue_style( \'scentology-style-fontawesome\', \'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css\' ); 

    wp_enqueue_style( \'scentology-style\', get_stylesheet_uri() ); 

    wp_enqueue_script( \'scentology-menu\', get_template_directory_uri() . \'/js/menu.js\', array(\'jquery\'), \'20151215\', true);

    wp_enqueue_script( \'scentology-navigation\', get_template_directory_uri() . \'/js/navigation.js\', array(\'jquery\'), \'20151215\', true );

    wp_enqueue_script( \'scentology-skip-link-focus-fix\', get_template_directory_uri() . \'/js/skip-link-focus-fix.js\', array(\'jquery\'), \'20151215\', true );

    if ( is_singular() && comments_open() && get_option( \'thread_comments\' ) ) {
     wp_enqueue_script( \'comment-reply\' ); 
    }
}
add_action( \'wp_enqueue_scripts\', \'scentology_scripts\' );
现在在导航中添加自定义jquery代码。js（或者可能是不同的js文件）。

1您不需要将jquery单独排队wp_register_script 和wp_enqueue_script. 阅读这两个函数可以消除您的混淆

SO网友:Xavier Serrano

值得一提的是，您可能希望在WP config上启用WP\\u DEBUG常量。php在您的本地上为true。

此外，只要get\\u template\\u dir\\u uri（）是父主题而不是子主题，子主题就需要对子主题文件夹中的脚本使用get\\u stylesheet\\u directory\\u uri（）。最后，确保您的源位于它们应该位于的位置，并且为了获得良好的实践，请从硬编码的url源（如//maxcdn）中删除任何http:https:。bootstrapcdn。com/font-awesome/4.6.3/css/font-awesome。最小css。

据我所知，请检查您的控制台，并检查脚本如何打印在页脚中。也可能存在一些jquery错误或冲突。看起来您正在使用引导程序的某些部分，因此请确保您包含了这些组件工作所需的所有脚本

SO网友:Aftab

您需要添加jquery。首先是js文件，然后将js文件的其余部分排队。

更新的代码：

function scentology_scripts() {

     wp_enqueue_style( \'scentology-local-fonts\', get_template_directory_uri() . \'/fonts/raleway.css\' );                   

     wp_enqueue_style( \'scentology-style-fontawesome\', \'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css\' );

     wp_enqueue_style( \'scentology-style\', get_stylesheet_uri() );

     wp_enqueue_script( \'jquery\' ); 

     //   wp_enqueue_script( \'scentology-style\', get_template_directory_uri() . \'/js/scrollspy.js\', array(jquery), \'20151215\', true );

     wp_enqueue_script( \'scentology-menu\', get_template_directory_uri() . \'/js/menu.js\', array(\'jquery\'));
     wp_enqueue_script( \'scentology-menu\');
     wp_enqueue_script( \'scentology-navigation\', get_template_directory_uri() . \'/js/navigation.js\', array(), \'20151215\', true );
     wp_enqueue_script( \'scentology-skip-link-focus-fix\', get_template_directory_uri() . \'/js/skip-link-focus-fix.js\', array(), \'20151215\', true );

    if ( is_singular() && comments_open() && get_option( \'thread_comments\' ) ) {
        wp_enqueue_script( \'comment-reply\' );
    }
}
add_action( \'wp_enqueue_scripts\', \'scentology_scripts\' );

标签： jquery   wp-enqueue-script   小码农  

相关推荐

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

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