0

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

任何帮助深表感谢。

克里斯

4

1 回答 1

0

我相信正在发生的事情是 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 文件。

尝试设置标签type="text/javascript"上的<script></script>纠正

在旁注中，我不确定您是否实际上是 wojodesigns 的所有者，但是最好使用本地版本（本地到您的服务器）以确保它在您不知情的情况下不会更改（如果有任何事情要做，那就更重要了与电子商务）。

希望这可以帮助

于 2012-07-25T09:17:39.653 回答