jQueryの（死ぬ）は

Question

動作しない私は、IEとこだわっている:(

我々は<select>要素の変化イベントをトラップするために必要ですが、IEがサポートされていないものを、推測そのイベントが。

は、だから私はそれがクリックされたときにすぐ下 <select>が。その部分は正常に動作を示していること。問題がある、私は selectを非表示にする <input type="text">で。それを模倣する方法を作成したときにユーザーがクリック select。

私はclickをbody、最初はうまく動作しますが、2回目にselectが隠れてしまいます。ここで

コードの簡素化バージョン：

$('.product').live('click',function(){ 
    // Show the <select id="select"> code goes here 

    // this is the event to close the select 
    $('body').die().live('click', function(){ $('#select').fadeOut(250); return;}); 

    // get the click on the select element 
    $('#select').die().live('click',function(){ 
     // kill the close the select 
     // THIS IS THE .die() THAT DOES NOT WORK 
     $('body').die(); 

}); 

質問 このコードで何か問題はありますか？またはこれを行うには良い方法がありますか？私はIEに固執していることを忘れないでください。

Answer 1

Internet Explorer 7以上（IE7は主に口紅付きIE6ですが、簡単にはテストできません）doは変更イベントをサポートしています。 Hereは本当にシンプルなデモのjsfiddleです。

IEがイベントで奇妙なことをするのは間違いありません。たとえば、「変更」は（少なくとも<select>から、おそらく他のものから）バブルしませんが、それを上回るjQueryパッチが適用されます。また、チェックボックスとラジオボタンの古典的な問題があります。これらのボタンは、フォーカスを失うまで「変更」しないため、基本的に役に立たなくなります。それらのために、私は "クリック"うまく動作することがわかります。

Answer 2

.die（）が正しく機能するためには、.die（）で使用されるセレクタは、.live（）で最初に使用されたセレクタと正確に一致する必要があります。