jquery prepend在除IE7以外的所有Borwers中工作

Arrg！我的網站（進行中）迄今爲止在我測試過的所有瀏覽器（firefox，safari，chrome和IE8）中工作良好，但在IE7（我不知道IE6或其他瀏覽器）我並不積極，但我認爲這個問題與我的jQuery中使用prepend（）有關。主要問題是主菜單（應顯示在徽標左側的藍色橫條中）以及右上角的搜索框，兩者均使用前置補充。在IE7中還有其他一些問題，所以我不確定我是否正在思考它是否來自jQuery，或者如果在我當前混亂的css中存在某個錯誤的地方！jquery prepend在除IE7以外的所有Borwers中工作

這裏是我用於主菜單的腳本，它不在IE7中工作，但可以在其他瀏覽器中工作 - 有沒有人在這裏看到問題？

<script type="text/javascript"> 
<!-- 
$(function() { 

/* ************************************** */ 
/* main menu */ 
/* ************************************** */ 
$("#bannerAreaWrapper").prepend("<div id='MainMenu'><a id='neutralsBtn' class='MainMenuModule' href='/neutrals-overview/'>Neutrals</a> <span class='bullet'>•</span> <a id='practicesBtn' class='MainMenuModule' href='/practices/'>Practices</a> <span class='bullet'>•</span> <a id='locationsBtn' class='MainMenuModule' href='/locations/'>Locations</a></div>"); 

}); 
--> 
</script>

這裏是鏈接到網站：http://www.agencydr.squarespace.com 幫助表示讚賞！

來源

2010-09-16 VUELA

你想要做的第一件事就是使用可用於IE的調試器之一（腳本調試器是從微軟免費下載的，我認爲還有一個免費的Visual Studio版本），並確定'prepend'是問題還是其他問題。 – 2010-09-16 21:33:32

好的 - 我會試一試 - 我在驗證器中檢查了它（http://validator.w3.org/check?uri=http%3A%2F%2Fwww.agencydr.squarespace.com&charset=%28detect+automatically ％29＆doctype =內聯＆組= 0），但沒有真正看到任何應該導致這些問題的東西。 – VUELA 2010-09-16 21:38:24

我試着查看你提供的鏈接，但頁面拋出一個錯誤document.getElementById（「Map」）爲null - 第355行。 – Kieran 2010-09-16 21:38:33

當我通過IE7上的開發工具欄腳本控制檯運行它時，您的預定義函數可以正常工作，但它在加載時不起作用。您在IE8上收到了js錯誤，在IE7上收到了兩個錯誤。在IE7附加一個與此函數來完成：

$('#LocationsMapWrapper').hover(function() { 
    $('#LocationsMapWrapper #MapImage').animate({ 
     width: 600, 
     height: 375, 
     marginLeft: 550, 
     marginTop: -20, 
    }, "slow", "easeOutQuad"); 
}

線139特別

嘗試刪除，看看是否導航將按預期在頁面加載

編輯

轟隆，明白了。

嘗試取出後的逗號「marginTop：-20，」最後一個元素不應該有這一點，認爲這會影響所有的舊版本瀏覽器

來源

2010-09-16 21:37:45 lnrbob

是！就是這樣 - 我刪除了位置地圖的所有位，現在菜單和搜索框顯示爲他們應該在IE7中！非常感謝！！我已經通過並刪除了一些代碼，試圖追蹤類似的東西，但我顯然錯過了它！ – VUELA 2010-09-16 21:41:50

現在我只需要弄清楚地圖腳本有什麼問題！ – VUELA 2010-09-16 21:42:53

只需在'marginTop：-20後刪除逗號，'看到我上面的答案 – Rohrbs 2010-09-16 21:43:34

IE7被發現在網站上的兩個JavaScript錯誤：

Expected identifier, string or number line 139 
$('#LocationsMapWrapper').hover(function() { 
    $('#LocationsMapWrapper #MapImage').animate({ 
     width: 600, 
     height: 375, 
     marginLeft: 550, 
     marginTop: -20,    <---- remove comma 
    }, "slow", "easeOutQuad"); 
} 

'document.getElementById(...)' is null or not an object line 355 
Shadowbox.setup(document.getElementById('Map').getElementsByTagName('area'), {width : 450, height : 400});

來源

2010-09-16 21:39:54 Rohrbs

jquery prepend在除IE7以外的所有Borwers中工作

回答

相關問題