2012-01-05 101 views
1

根據Wordpress codex,wp_head();應位於封頭標籤之前。<?php wp_head(); ?>需要在</head>之前?

當我插入代碼的wp_head後();有用。但是當我在wp_head()之前插入它時;因爲它應該是,它會產生一個空白區域。看看圖片,看看什麼時候Firebug變得空白。

這是代碼:

<link rel="stylesheet" href="flexslider/flexslider.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="flexslider/jquery.flexslider.js"></script> 

<script type="text/javascript" charset="utf-8"> $(window).load(function() { 
    $('.flexslider').flexslider({ 

     slideshow: true, 
     controlNav: false, 
     directionNav: false, animation: "slide",  slideshowSpeed: 4500, animationDuration: 600, 

      }); }); </script> 

螢火蟲:enter image description here

爲什麼會這樣?有任何想法嗎?

+0

你確定'flexslider/jquery.flexslider.js'已經加載嗎?你應該使用絕對URL。 – 2012-01-05 17:45:13

+0

我在您發佈的代碼中看不到。 – 2012-01-05 17:46:10

回答

6

是,wp_head()</head>過,但你的JavaScript代碼應該是</body>之前。

JavaScript是始終建議將放在DOM結束。在這是不可能的情況下(如特定的JavaScript必須在DOM,這似乎並沒有在你的情況下真之前被加載),把它</head>前後wp_head();

編輯

還等什麼我注意到你的情況是,如果你使用SEO友好的網址,你的主要腳本可能無法訪問。您應該指定絕對網址。

+0

你的意思是我應該把java腳本放在body中,並且只要在頭文件中保留css鏈接和兩個腳本鏈接?這是我從那裏得到的代碼:http://flex.madebymufffin.com/他們說這一切都應該在頭上。 – Felix 2012-01-05 18:15:32

+1

他們錯了,javascript應該總是在dom的末尾(就在之前)(非常特殊情況除外)。所以是的,你需要把CSS放在頭上,並將該JavaScript代碼移動到主體的末尾。 – 2012-01-05 18:17:57

+0

也許可以放在wp_head和之間? – Felix 2012-01-05 18:18:06

相關問題