2011-08-04 2 views
1

これは取引です。私は市場にlumber handling products our company sellsのサイトを構築しており、Firefox、Chromeなどでうまくいきます。IE(7,8,9)では、レンダリングは問題ありませんが、私たちの見積もりフォームには1つの特有の問題があります。IEフォーム要素(チェックボックス)の問題です。いくつか試したことがあります

ユーザーがサイトを閲覧していて、好きなものが表示された場合、「見積もり要求に追加」を押すと、現在のセッションの見積もり依頼に追加されます。彼らが彼らの要求を見直したり、終わらせたりしたいのであれば、彼らは事前に興味を持ったことを持っています。ここで意図した挙動を示すスクリーンキャストです:

http://screencast.com/t/YPSbWjVe

私は、フォームをつかむためにjqueryの$に.get経由http://lumberhandling.com/quoteを要求しています。ここで

はIE9で同じ活動のスクリーンキャストです:

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

私はまったく同じことを行うが、私は見積もり依頼ボタンをクリックすると、モーダルが有効になっている場合、私は「スタック」しています最初にモーダルでチェックされたもので。実際にアドレスバーに引用URLを入力してフォールバックページに移動するまではモーダルコンテンツを更新できませんhttp://lumberhandling.com/quote

)選択:

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のサイコロはありません。誰でもこれをデバッグして正しい方向に向けることができますか?私はうんざりしている。

+1

IEで正しいデータが返ってきたことを確認しましたか? (getJsonリクエストで値をログに記録する) –

+1

IEの開発ツールをフルに活用してください。 IEでF12を押して、それらを引き上げる。ブレークポイントを設定し、JavaScriptをステップ実行して、ネットワークトラフィックを調べることができます。これらのツールを使用すると、問題をよりよく理解できるはずです。 – gilly3

+0

コメントありがとう、みんな。私は印象console.logの下でIEで動作しませんでしたが、この投稿http://stackoverflow.com/questions/690251/what-happened-to-console-log-in-ie8にはそう言います。私はそれをチェックすることを確認します。フィードバックをお寄せいただきありがとうございます! –

答えて

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); 
         }); 
        }  
       } 
      }); 

    }); 
} 
0

チェックボックスがチェックボックス要素に適用されるクラス名であることを希望します。これを試すことができます

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

提案をありがとう!朝にこれを試してみるよ。 –

関連する問題