Question

我正在尝试在页面加载时动态加载购物车，这在除Internet Explorer（在版本8和版本11中测试）以外的所有内容中都很有用。代码是：

<script type="text/javascript">
    $(document).ready(function($){
        $(".view_cart, .cart_close_button").click(function () {
            $("#cart_content").toggle();
            $(".view_cart").toggleClass('toggled');
            $(".cart_button").toggleClass('cart_pressed');
            $(".cart_header").toggleClass('show');           
            $(".cart_close_button").toggleClass('show');  
            $(".cart_total_icon").toggleClass('hide');              
            return false;                               
        });        

        $.get("/products/show_cart", function(cart){ // Get the contents of the url cart/show_cart
        $("#cart_content").html(cart); // Replace the information in the div #cart_content with the retrieved data
        });             

    });   

    $(window).load(function(){
      setTimeout(function(){ $('.page_message').fadeOut() }, 4000);
    });

</script>

购物车页面的HTML（目前这是非常基本的）

<div class="content">
    <div class="grid grid-pad">
        <div class="col-1-1">
            <span class="page_message green_alert"><strong>Cart cleared.</strong> Your shopping cart has been emptied.</span>
        </div>
    </div>  

    <div class="cart_button">

        <a href="#" class="view_cart" title="View your cart"><i class="fa fa-shopping-cart fa-3x"></i> <span class="cart_header">Your Shopping Cart</span></a>
        <a href="#" title="Hide your cart" class="cart_close_button">X</a>

        <div id="cart_content">
            <p>CART STUFF GOES HERE</p>
        </div>  
    </div>
</div>

有人知道为什么IE不想在这里打球吗？如果我将.get代码添加到点击功能中，它会起作用，但这会在打开购物车盒时造成一点延迟，我想避免这种情况。

编辑添加页面HTML和IE版本。

Answer 1

在我认为所有评论之后是一个jquery版本的问题。只需检查IE＆lt; = 8和IE＆gt; = 9所需的jquery版本。您可以使用以下代码：

<!--[if lt IE 9]>  
    <script src="jquery-1.9.0.js"></script>  
<![endif]-->  
<!--[if (gte IE 9) | (!IE)]><!-->  
    <script src="jquery-2.0.0.js"></script>  
<!--<![endif]-->

您可以使用不同版本的IE检查此jsFiddle：http://jsfiddle.net/6GVBz/19/show/

点击此链接http://www.impressivewebs.com/loading-different-jquery-version-ie6-8/

jQuery AJAX请求无法在Internet Explorer中运行

1 个答案: