Internet Explorerのjquery .load（）での問題 - 他のブラウザで正常に動作します

Question

IEのjQueryに問題があります。コンソールにエラーが表示されないので、デバッグは非常に難しいです。

私はあなたにスクリプトが

のindex.php

<のdivのid = 'tableholderを'>どのように機能するかの内幕を与えるでしょう[article.phpをすることによって、このdiv要素にロードされますPHPは（）だから、article.php以内に、私はリフレッシュのためのボタンを持つ最初の頃] </div>の

が含まれます： <のimg ID = '新鮮な' SRC = 'whatever.jpg' />

と私もarticle.phpの上部に次のコードを持っている。だから私はをクリックしたとき

<script type='text/javascript'> 
$(document).ready(function() 
{ 

/*-------------------------------------------------------------------------------*/ 
//       REFRESH BUTTON 
    $('#fresh').click(function() { 
     $('#loadergif').show(); //show loader gif until load complete 
     $("#tableholder").load('article.php?site=whatever',''); 
     $('#loadergif').hide(); //hide loader gif when load is complete 
    }); 
/*-------------------------------------------------------------------------------*/ 
}); 
</script> 

をそれはGoogle Chrome、Safari、Firefox上で正常に動作しますが、IE8では一度しか動作しません。その後、jQueryが休止状態になっているかのようになります。私はarticle.phpの中でjQueryをもう一度追加しようとしましたが、それはそれを修正するようには見えません。

アイデア？

Answer 1

に後で再注入だ場合にも、あなたは常に要素$('#fresh')にイベントをバインドすることができます。私が見たように、​​は私のためにInternet Explorer 8で働いていました。また、更新されている場合は、jqueryのバージョンを一度確認することもできます。

.click()が正しく動作していることを確認してください。あなたはブラウザによって投げられたエラーを教えてくれますか？

Answer 2

あなたは、AJAXを介してコンテンツをロードしたときに、あなたの関数であるので、（article.php内）DOMreadyイベントを発生しない、いくつかのcircustancesに

おそらくIE8をlive()でclick()を変更し、index.phpの中でそのスクリプトを移動しよう実行されない

この場合、メソッドが必要です。ボタンが記事内にある場合、click()メソッドは最初のDOMreadyイベントで関数を1回だけバインドします。

ページがajax経由で読み込まれるときに、#fresh要素を変更して、その要素への以前の参照が失われるようにします。 live()は、それがあなたの代わりに​​を使用しての.post()を使用することができ、文書