2012-07-25 52 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

嗨,感谢您的快速响应。我将上面的代码封装在文档就绪代码中 - 最初没有