ホームページ >ウェブフロントエンド >jsチュートリアル >IE8 モードでクリックが応答せず、オプションが応答しない場合の解決策

IE8 モードでクリックが応答せず、オプションが応答しない場合の解決策

PHPz
PHPzオリジナル
2016-05-16 16:34:191679ブラウズ

選択内のオプションをクリックして、jQuery で直接記述された上記の入力に割り当てます。問題は、IE8 で開くと、オプションをクリックしても何も起こらないことです。

実現される効果は、選択内のオプションをクリックして上記の入力に割り当てることが一般的です。

$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value); 
})

という奇妙なことがあります。ユーザーは基本的に 360 ブラウザなどの国産デュアルコア ブラウザを使用しますが、ネイティブ Eclipse を追加すると、解析には Chrome カーネルが使用されます。テスト環境に配置すると、解析には IE8 標準になります。

さて、ここで質問です。掘る方法を学びましょう...まあ、いいえ!

IE8 で開くと、オプションをクリックしても何も起こりません。

アラートを追加してみました:

$("#cardNoList option").click(function(){
alert("111");
$("#card").attr("value","").attr("value",this.value);
alert("222"); 
})

クリックがまったく呼び出されませんでした。

最初は、IE8 での jQuery のクリック イベントの互換性の問題かと思いましたが、jQuery は互換性をカプセル化しており、広く使用されているため、私だけが起こる問題ではありません。

後で、IE8 ではクリックがオプションに追加されていなかったのではないかと思い、変更して選択にクリックを追加しました。これで、IE8、Firefox、Chrome はすべて入力に値を割り当てることができます。スムーズに。

$("#cardNoList").click(function(){
$("#card").attr("value","").attr("value",this.value);
})

Baidu で検索してみたところ、「ご存知の通り、IE では選択オプションが onclick イベントをサポートしていない」ようです o(╯□╰)o

となった後

$("#cardNoList").click(function(){
$("#card").val(this.value);
}

上記はこの章の全内容です。その他の関連チュートリアルについては、jQuery ビデオ チュートリアル をご覧ください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。