亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問用了jquery 里的ready函數之后其他的html顯示不了?

請問用了jquery 里的ready函數之后其他的html顯示不了?

繁花不似錦 2019-06-26 15:11:30
用了jquery 里的ready函數之后其他的html顯示不了
查看完整描述

4 回答

?
繁星點點滴滴

TA貢獻1803條經驗 獲得超3個贊

初始代碼如下:

復制代碼代碼如下:

$(function(){
$("#ischange").change(function() {
alert("checked");
});
});

搗騰了半天,竟然一點反應都沒有。百度了下,有高人指出上面幾行代碼在Firefox等瀏覽器中可以正常運行,即你選中復選框或取消復選框都會彈出一個對話框,但是在IE中卻不會正常執行,即選中或取消復選框不會立即彈出對話框。

必須在選中或取消復選框之后再點擊除了復選框之外的任何一個地方,據說是因為IE會等到復選框失去焦點之后才會觸發change事件。
改進之后的代碼如下:

復制代碼代碼如下:

$(function(){
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
};
$("#ischange").change(function() {
alert("checked");
});
});

補充:當改變復選框的值后,IE在等待失去焦點,但是click事件是立即觸發的,因此利用click事件讓復選框失去焦點,這樣就會觸發chang事件了,然后再把焦點重新轉移到該復選框上。
如果是radio,將checkbox換成radio即可。

在JQuery中,當給radio或checkbox添加一個change事件時,如果它的值發生變化就會觸發change事件,就如同我們在 HTML中寫入下代碼:

復制代碼代碼如下:

<input type="checkbxo" id="testCheckbox" onchange="myfunction()"name="fruits">,

而我們用JQuery的代碼如下:

復制代碼代碼如下:

$(document).ready(function(){
$("testCheckbox").change(function() {
alert("Option changed!");
});
});

以上代碼在Firefox等瀏覽器中可以正常運行,即當你選中復選框或取消復選框都會彈出一個對話框,但是在IE中卻不會正常執行,即你選中或取消復選框不會立即彈出對話框,你必須在選中或取消復選框之后再點擊除了復選框之外的任何一個地方,之所以這樣,據說是因為IE會等到復選框失去焦點之后才會觸發change事件,目前這個問題還沒有被修復,不過網上有高人已經提供了解決方案:

復制代碼代碼如下:

$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});

以上代碼只要把checkbox就可以適用于radio, 以上代碼的原理是:當改變復選框的值后,IE在等待失去焦點,但是click事件是立即觸發的,因此利用click事件讓復選框失去 焦點,這樣就會觸發chang事件了,然后再把焦點重新轉移到該復選框上。有人可能會問為什么不直接用click事件來代替change事件,對于checkbox來說,click事件和change都可以完成同樣的功能,但是對于radio來說就不一樣了,你可以連續點擊同一個radio而值不變,這時就會不停的觸發click事件而不會觸發change事件。



查看完整回答
反對 回復 2019-06-29
  • 4 回答
  • 0 關注
  • 869 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號