jquery - IE 表单元素(复选框)问题。尝试过几件事

Question

这是交易。我已经建立了一个市场网站lumber handling products our company sells ，它在 Firefox、Chrome 等中运行良好。在 IE(7、8 和 9)中，渲染很好，但我们的报价表存在一个特殊问题。

当用户浏览网站并看到他们喜欢的东西时，他们可以点击“添加到报价请求”，它会将其添加到当前 session 中的报价请求中。如果他们想查看或完成他们的请求，他们会预先选择他们感兴趣的东西。这是显示预期行为的截屏视频:

http://screencast.com/t/YPSbWjVe

我请求 http://lumberhandling.com/quote通过 jquery $.get 获取表单。

这是 IE9 中同一事件的截屏视频:

http://screencast.com/t/3jRHSLUjC

我做了完全相同的事情，但如果我单击报价请求按钮并激活了模态，我将“卡住”第一次在模态中检查的内容。我无法更新模态内容，直到我在地址栏中实际输入引用 url 并转到后备页面 http://lumberhandling.com/quote

我什至尝试强制检查以确保选中的元素(这些存储在数据库 session 中):

function checkQuoteItems()
{
    $(document).bind('cbox_complete', function() 
    {
        $.getJSON("/quote/check_quote_items", function(json) {
            $(json.items).each(function(index, value)
            {
                var solution = 'solution_'+value;
                $('.checkbox[name="'+solution+'"]').attr('checked', 'checked');
            });
        });
    });
}

遗憾的是，IE 中没有骰子。谁能指出我调试这个的正确方向？我有点困惑。

Answer 1

我想出了我的问题。问题是表单的 URL 被缓存在 IE 中。为了解析，我使用了缓存设置为 false 的 ajax 请求。

function checkQuoteItems()
{
    $(document).bind('cbox_complete', function() 
    {
        $.ajax({
              url: "/quote/check_quote_items/string",
              cache: false,
              type: "GET",
              dataType: "json",
              success: function(json){
                    if(json.items != null)
                    {
                        $(json.items).each(function(index, value)
                        {
                            trace(value);
                            $('.checkbox[name="solution_'+value+'"]').attr('checked', true);
                        });
                    }      
              }
          });

    });
}