2016-02-04 46 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或任何命名是正確的,就在那裏..只是沒有我的入隊腳本... –