在第一次加載沒有JavaScript的工作在所有

我有奇怪的問題，每當我的網站在瀏覽器中第一次加載，其jQuery和滑塊不工作........然後，當我提到我使用的是Firefox 3.6.8最新版本 CSS加載它正確的頁面.... 之前jQuery和滑塊腳本加載在第一次加載沒有JavaScript的工作在所有

這裏是我固定的按鈕定位的鏈接網站link text

2種解決方案

一個是使用％定位像左：90％
其他我發現通過檢查原來的容易滑塊1.5 CSS文件，這是使用容器來顯示所有內容和容器將具有相同的寬度作爲在滑塊圖像..... 希望它可以幫助別人

來源

2010-08-10 Muhammad Ahsan

適用於我第一次在FireFox，Opera和IE8中加載它。 – 2010-08-10 08:34:47

同意，這裏沒有問題。工具 - > JavaScript控制檯出現故障時是否出現錯誤？ – bobince 2010-08-10 08:41:27

只是一面注意：恕我直言，你不應該在這裏使用'+'和'-'作爲按鈕，因爲你沒有放大或縮小。我會使用箭頭（如）按鈕。 – 2010-08-12 20:23:33

我在沒有刷新的情況下在Firefox版本'3.6.8'中查看您的站點並不困難？滑塊然而似乎正常工作，用新鮮的眼光我也注意到在頁面的源代碼一些東西，你可能要檢查，特別是第1點：

[編輯]內的JavaScript的塊「頭部」標記丟失閉分號（「;」）在所述第一四「變種」線的端：

<script type="text/javascript"> 
    var browser = navigator.appName 
    var ver = navigator.appVersion 
    var thestart = parseFloat(ver.indexOf("MSIE"))+1 
    var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7)) 
    if ((browser=="Microsoft Internet Explorer") && (brow_ver < 7)) 
    { 
     alert("Please Update your OLD BROWSER ,Please install Google chrome or Firefox to view the site propertly"); 
     window.location="http://www.mozilla.com/en-US/products/download.html"; 
    } 
</script>

[編輯]此外，這是可取的包含JavaScript在「CDATA」或'字符數據「部分：

<script type="text/javascript"> 
//<![CDATA[ 
    // Your Javascript goes here... 
//]]> 
</script>

更多信息：here和here。

[編輯]最後，注意變量「brow_ver」在腳本中聲明，但在下面一行的變量「browser」被引用？

在「&」字符實體引用應該被用來代替「&」中的「標題」標籤
之一「Meta標籤」缺少結束「/」。
[編輯]的條件註釋 '<![if !(IE 6)]>' 應該是 ''
[編輯]的UTF-8編碼包括並涵蓋所有的US-ASCII字符，所以在元標記中考慮使用以下「內容編碼」：

content="text/html; charset=UTF-8"而不是content="text/html; charset=us-ascii"
另外僅供參考：滑塊的' - '和'+'導航按鈕定位不正確。請參閱下面的圖片參考。這可能不會在您的屏幕上顯示...嘗試更高的分辨率，並將瀏覽器設置爲全屏以複製它。

[編輯]僅供其他人閱讀...我注意到你已經通過在CSS中使用'％'而不是'px'來修正' - '/'+'導航定位。因此，例如：
```
#nextBtn{ 
    display:block; 
    width:36px; 
    height:36px; 
    position:absolute; 
    left:90%; /* <<< Will position correctly */ 
    top:365px; 
    z-index:1000; 
} 
```
的，而不是...
```
#nextBtn{ 
    display:block; 
    width:36px; 
    height:36px; 
    position:absolute; 
    left:1025px; /* <<< Won't position correctly */ 
    top:365px; 
    z-index:1000; 
} 
```

同樣爲 '上一個' 導航按鈕。

Site Screenshot of incorrect navigation buttons positioning http://img59.imageshack.us/img59/8443/gulzarchildcarecom.jpg

好運與網站...它看起來不錯！ :)

來源

2010-08-10 09:16:23

你指出了很多很好的錯誤，但你能告訴我應該怎麼做才能定位那些加號和減號.......... 他們是絕對定位的，我使用他們的左值左邊的em：78.5em – 2010-08-10 17:50:14

Muhammad，我剛剛添加您可能希望退出上面的一些編輯。我注意到你排序的定位問題 - 做得好。不要忘記修復該JavaScrpt，因爲它可能會導致某些瀏覽器出現問題。祝你好運。 – 2010-08-11 09:52:11

確保包裹JQuerys

$(document).ready(function() { 
}

功能以防萬一你的滑塊的代碼。

對我來說聽起來像你的代碼加載速度不夠快，當它的第一頁加載後緩存。

來源

2010-08-10 08:27:51 JochenJung

在第一次加載沒有JavaScript的工作在所有

回答

相關問題