2016-02-04 69 views
1

我见过一些人询问这个问题,但我似乎无法得到任何其他建议在我的网站上工作..我试图在Wordpress网站上使用slicknav.js我'正在工作,它根本不工作。我得到它在一个点的工作,但不幸不得不取消该网站,并重新开始,现在我无法得到它的工作。 我已经做了一些测试,只是意识到没有我的脚本正在加载。 wp_enqueue_scripts()并没有传出任何我的脚本..任何想法我可能已经做了什么来打破它?在Wordpress上使用Slicknav

我在本地开发,所以我不能给一个链接......但这里是我所有的代码。

的functions.php

<?php 
// WP Enqueue Styles 
function wop_styles() { 
    wp_enqueue_style('normalize_css' , get_template_directory_uri() .  '/css/normalize.css'); 
    wp_enqueue_style('fontawesome_css' , 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'); 
    wp_enqueue_style('googleFonts_css' , 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto+Slab:400,700|Satisfy'); 
    wp_enqueue_style('slicknav_css' , 'https://cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.5.5/slicknav.min.css'); 
    wp_enqueue_style('style_css' , get_template_directory_uri() . '/css/compile.css'); 
} 
add_action('wp_enqueue_scripts' , 'wop_styles'); 

// WP Enqueue Scripts 
function wop_scripts() { 
    wp_enqueue_script('slicknav_js' , 'https://cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.5.5/jquery.slicknav.min.js' , array('jQuery_js', 'slicknav_css') , true); 
    wp_enqueue_script('theme_js' , get_template_directory_uri() . '/js/theme.js' , array('jQuery_js'), true); 
} 
add_action('wp_enqueue_scripts' , 'wop_scripts'); 

我Theme.js文件:

(function($){ 
    $('menu-header-menu').slicknav(); 
})(jQuery); 

最后,这里是我的HTML标记。

<header class="page-header"> <!--- BEGIN .page-header ---> 
      <div class="branding"> 
      </div> 
      <nav> 
       <?php wp_nav_menu(array('theme_location' => 'header-menu', 'container' => false,)); ?> 
      </nav> 
     </header> <!--- END .page-header ---> 

<footer class="page-footer"> <!--- BEGIN .page-footer ---> 
     <?php wp_footer(); ?> 
    </footer> <!--- END .page-footer ---> 
    </body> <!--- END .page-outer-wrapper --> 
</html> 

我的页脚不显示任何脚本,甚至当我更改$ in-footer = false,Nothin。

很显然,我有页眉和页脚之间的一些东西,但我想这些是唯一真正重要的部分..

任何想法?

回答

2

$ in_footer
(布尔)(可选)通常脚本放置在<head>部分。如果此参数为true,则脚本将放置在<body>的底部 。这需要主题将wp_footer()钩在 的适当位置。请注意,在运行wp_head之前,您必须将脚本 排入队列,即使它将放置在页脚中。

如果我理解正确。你想在页脚中调用你的脚本,但是你的HTML标记不包含页脚?

要在头文件中排队脚本($ in-footer = false),它必须位于wp_head()调用之前。

参考:http://codex.wordpress.org/Function_Reference/wp_register_script

+0

嘿!感谢您的回应,我其实只是选择不在这里包括我的页脚,但我会编辑我的帖子并快速添加它,因为我看到这会在我的问题中造成混淆。我确实包括... '

<?php wp_footer(); ?>
' –

+0

您的页脚被调用了吗?或者只是不是脚本? – hardcodepunk

+0

以及奇怪的是,当我登录时,admin.js或任何命名是正确的,就在那里..只是没有我的入队脚本... –