jQuery AJAX请求在Internet Explorer中不起作用

jQuery AJAX请求在Internet Explorer中不起作用,jquery,ajax,internet-explorer,Jquery,Ajax,Internet Explorer,我正在尝试在页面加载时动态加载购物车,这在除Internet explorer(在版本8和版本11中测试)之外的所有应用中都非常有效。代码是: <script type="text/javascript"> $(document).ready(function($){ $(".view_cart, .cart_close_button").click(function () { $("#cart_content").toggle();

我正在尝试在页面加载时动态加载购物车,这在除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>

$(文档).ready(函数($){
$(“.查看购物车,.购物车关闭按钮”)。单击(功能(){
$(“#购物车内容”).toggle();
$(“.view_cart”).toggleClass('toggled');
$(“.cart_按钮”).toggleClass('cart_按下');
$(“.cart_header”).toggleClass('show');
$(“.cart\u close\u button”).toggleClass('show');
$(“.cart\u total\u icon”).toggleClass('hide');
返回false;
});        
$.get(“/products/show\u cart”,函数(cart){//获取url cart/show\u cart的内容
$(“#cart_content”).html(cart);//用检索到的数据替换div#cart_content中的信息
});             
});   
$(窗口)。加载(函数(){
setTimeout(function(){$('.page_message').fadeOut()},4000);
});
购物车页面的HTML(目前这是非常基本的)


购物车已清空。您的购物车已清空。
购物车的东西在这里

有人知道为什么我不想在这里打球吗?如果我将
.get
代码添加到click函数中,它会起作用,但这会导致打开购物车框时出现一点延迟,这是我想要避免的


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

在所有评论之后,我认为这是jquery版本的问题。只需检查IE=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检查此JSFIDLE:


在所有我认为是jquery版本问题的评论之后,检查此链接。只需检查IE=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检查此JSFIDLE:


检查此链接

您正在使用哪个版本的IE?也发布你的HTML代码。我已经在InternetExplorer8和11中尝试过了(所以假设在两个版本之间也有),我已经更新了原来的问题。谢谢:-)无论如何,我认为你应该在每次点击查看购物车时刷新购物车。正如您在这里看到的,它在InternetExplorer10上工作。你能检查一下你IE上的提琴吗?你能发布一下/products/show_cart的HTML响应吗?@Phx-谢谢你的建议。是的,如果我把它添加到点击事件中,效果会很好,我已经尝试过了,但是每次你打开购物车时的小延迟让我有点不舒服。。。不确定如何从Internet explorer获取HTML响应(F12选项不太清楚),但这是firebug提供的响应-

您还没有任何项目。

-这只是一个基本的HTML页面。您使用的是哪种IE版本?也发布你的HTML代码。我已经在InternetExplorer8和11中尝试过了(所以假设在两个版本之间也有),我已经更新了原来的问题。谢谢:-)无论如何,我认为你应该在每次点击查看购物车时刷新购物车。正如您在这里看到的,它在InternetExplorer10上工作。你能检查一下你IE上的提琴吗?你能发布一下/products/show_cart的HTML响应吗?@Phx-谢谢你的建议。是的,如果我把它添加到点击事件中,效果会很好,我已经尝试过了,但是每次你打开购物车时的小延迟让我有点不舒服。。。不确定如何从Internet explorer获取HTML响应(F12选项不太清楚),但这是firebug的响应-

您还没有任何项目。

-这只是一个基本的HTML页面。抱歉,Phx,没有看到您再次回复的警报!Thinks已经搞定了,非常感谢:-)这是一个有效的解决方案,但它应该足以加载抱歉的Phx,没有看到您再次回复的警报!Thinks已经解决了这个问题,非常感谢:-)这是一个有效的解决方案,但它应该足以加载