2012-07-25 96 views
0

我對jQuery比較陌生,所以很抱歉,如果答案很明顯。jQuery不在IE中工作 - simplacart實現

我有一個使用simpleCart js的購物車,當在FF和Chrome中添加一個項目到購物車時,一切都很流暢,但IE(9)似乎無法管理它。

http://www.peaknature.co.uk/cart/

腳本的主要部分是:

修訂

$(document).ready(function() { 
$(".simpleCart_shelfItem").hover(function(event) { 
    $(this).find('.tooltip').stop(true,true).show(); 
}); 
$(".simpleCart_shelfItem").mouseleave(function(event) { 
    $(this).find('.tooltip').stop(true,true).fadeOut(500); 
}); 
//Cart info (all items in cart) 
$(".cartInfo").toggle(function(){ 
    $("#cartPopover").show(); 
    $(".cartInfo").addClass('open'); 
}, function(){ 
    $("#cartPopover").hide(); 
    $(".cartInfo").removeClass('open'); 
}); 


$(".shelf .simpleCart_shelfItem:eq(0)").css('left', '20px'); 
$(".shelf .simpleCart_shelfItem:eq(1)").css('left', '250px'); 
$(".shelf .simpleCart_shelfItem:eq(2)").css('left', '480px'); 
$(".shelf .simpleCart_shelfItem:eq(3)").css('left', '710px'); 
$(".shelf .simpleCart_shelfItem:eq(4)").css('left', '20px').css('top', '170px'); 


}); 

我知道IE可以是有趣的與選擇等,但我不知道什麼是錯的。

任何幫助,非常感謝。

克里斯

+0

我沒有一個IE瀏覽器在這裏Linux,但該頁面是不能用於我,因爲當我嘗試選擇一個大小懸停奧弗圖像消失。因此,我永遠無法從下拉菜單中選擇一些內容,因爲它對我來說消失了(最新的Chrome穩定版) – DrColossos 2012-07-25 09:14:10

+0

@DrColossos我沒有看到這一點,我也在最新的Chrome(Windows版)上看到過。 – AbstractChaos 2012-07-25 09:16:13

回答

0

我認爲正在發生的事情是simplecart邏輯前的準備運行,加上這一輪所有的代碼(和刪除腳本標籤)。

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

這將確保在嘗試使用它之前一切都已加載。

UPDATE

看着IE9控制檯後它顯示了以下錯誤

SEC7112: Script from https://raw.github.com/ 
wojodesign/simplecart-js/master/simpleCart.js was blocked due to mime type mismatch 

這可能是由於該raw.github提供原始文本文件,你不告訴你它的事實是一個js文件。

嘗試設置在<script></script>標籤type="text/javascript"整頓

在一個側面說明,我不能確定,如果你是wojodesigns的逸岸業主或沒有但它可以更好地使用本地版(本地到服務器)以確保它不會在沒有您知道的情況下發生變化(如果與電子商務有任何關係,則更爲重要)。

希望這有助於

+0

嗨,感謝您的快速響應。我將上面的代碼封裝在文檔就緒代碼中 - 最初沒有