jQuery 在 IE 中不起作用 - simplacart 实现

Question

我对 jQuery 比较陌生，如果答案很明显，我深表歉意。

我有一个使用 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 在选择器等方面可能很有趣，但我不确定出了什么问题。

非常感谢任何帮助。

克里斯

Answer 1

我相信发生的事情是 simplecart 逻辑在它准备好之前运行，添加这一轮你的所有代码（并删除脚本标签）。

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

这将确保在尝试使用之前加载所有内容。

更新

查看 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 的所有者，但是最好使用本地版本（本地服务器）以确保它不会在您不知情的情况下更改（如果它更重要与电子商务有关）。

希望对你有帮助