在頁腳錨定中無法在Webkit瀏覽器中的Wordpress中使用jQuery

Question

我從頭開始在Wordpress中構建自定義主題。現在，我只做了基礎知識，例如創建必要的.php文件，如index.php，footer.php等..在我的導航菜單中，我有一個聯繫人錨，應該在頁腳中用動畫導航您。因此，它不適用於Chrome和Safari，但適用於Firefox。 （IE尚未測試）。 這是我的jQuery和meta標籤之後的js文件的header.php參考：

<!-- Scripts --> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scrolling.js"></script> 
<!-- End of Scripts --> 

<!-- CSS links --> 


<?php wp_enqueue_script("jquery"); ?> 
<?php wp_head(); ?> 

</head> 

，這是我的js文件，很簡單：

$(document).ready(function() 
{ 

    var v = $('div.nav-bar li a:last').addClass('scrollToBottom'); 
    v.click(function() 
    { 
    $('html,body').animate({scrollTop: $(document).height() }, 1600); 
     console.log('hello'); 
     return false; 
    }); 

}); 

我的導航欄是動態在functions.php中用類「nav-bar」創建。所以，我添加了console.log只是爲了確保JS正在工作，並且確實如此，點擊聯繫人時觸發點擊功能，但沒有任何反應。抱歉，我無法上傳任何圖片。此外，它工作正常時，它是靜態的，但我不想要一個靜態導航，它does工作在Firefox ....任何建議將不勝感激。

Answer 1

您的header.php文件中不應使用<?php wp_enqueue_script("jquery"); ?>。 wp_enqueue_script()應該被添加到您的functions.php文件中，並相應地使用add_action('wp_enqueue_scripts', 'function_name')掛鉤。

然後你不需要再添加<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>。

WordPress在No Conflict模式下加載jQuery。所以你的jQuery應該是這樣的：

jQuery(document).ready(function($) 
{ 
// your code here 
});