解決在IE瀏覽器中JQuery.resize()執(zhí)行多次的方法

最近在做前臺(tái)效果的時(shí)候用到了JQuery提供的resize()事件。resize 這個(gè)事件是監(jiān)聽(tīng)瀏覽器窗口的放大與縮小，也就是說(shuō)瀏覽器窗口大小的變化。

創(chuàng)新互聯(lián)專注于丹陽(yáng)網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。熱誠(chéng)為您提供丹陽(yáng)營(yíng)銷型網(wǎng)站建設(shè)，丹陽(yáng)網(wǎng)站制作、丹陽(yáng)網(wǎng)頁(yè)設(shè)計(jì)、丹陽(yáng)網(wǎng)站官網(wǎng)定制、小程序定制開(kāi)發(fā)服務(wù)，打造丹陽(yáng)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供丹陽(yáng)網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

我在W3CSCHOOL上面查閱的時(shí)候，提供了一個(gè)例子。W3C源碼

<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
x=0; 
$(document).ready(function(){ 
  $(window).resize(function() { 
    $("span").text(x+=1); 
  }); 
  $("button").click(function(){ 
    $(window).resize(); 
  }); 
}); 
</script> 
</head> 
<body> 
<p>窗口的大小被調(diào)整了 <span>0</span> 次。</p> 
<p>請(qǐng)?jiān)囍{(diào)整瀏覽器窗口的大小。</p> 
<button>觸發(fā)窗口的 resize 事件</button> 
</body> 
</html>

結(jié)果我在IE環(huán)境下放大窗口 resize 事件執(zhí)行了兩次。后來(lái)我在谷歌和百度上面查詢了下， 都存在IE環(huán)境下執(zhí)行兩次的相關(guān)信息。最后發(fā)現(xiàn)一個(gè)很不錯(cuò)的解決方案。 國(guó)外有個(gè)哥子寫(xiě)了個(gè)插件專門針對(duì)Jquery.resize()事件增強(qiáng)了。 地址在這里：http://benalman.com/projects/jquery-resize-plugin/ 在添加jquery.js之后在添加 "jquery.ba-resize.js"就可以了。

<html> 
<title>JQuery - resize()</title> 
<head> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.ba-resize.js"></script>  
<script type="text/javascript"> 
x=0; 
$(document).ready(function(){ 
  $(window).resize(function() { 
   $("span").text(x+=1); 
}); 
 
}); 
</script> 
</head> 
<body> 
<p>窗口大小被調(diào)整過(guò) <span>0</span> 次。</p> 
<p>請(qǐng)?jiān)囍匦抡{(diào)整瀏覽器窗口的大小。</p> 
</body> 
</html>

網(wǎng)站欄目：解決在IE瀏覽器中JQuery.resize()執(zhí)行多次的方法
文章源于：http://jinyejixie.com/article30/psgopo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站策劃、微信小程序、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化、全網(wǎng)營(yíng)銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

解決在IE瀏覽器中JQuery.resize()執(zhí)行多次的方法