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

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

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

 
 
 
 
x=0; 
$(document).ready(function(){ 
  $(window).resize(function() { 
    $("span").text(x+=1); 
  }); 
  $("button").click(function(){ 
    $(window).resize(); 
  }); 
}); 
 
 
 
窗口的大小被調(diào)整了 0 次。
 
請?jiān)囍{(diào)整瀏覽器窗口的大小。
 
觸發(fā)窗口的 resize 事件 
 
 

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

 
 
 
 
  
 
x=0; 
$(document).ready(function(){ 
  $(window).resize(function() { 
   $("span").text(x+=1); 
}); 
 
}); 
 
 
 
窗口大小被調(diào)整過 0 次。
 
請?jiān)囍匦抡{(diào)整瀏覽器窗口的大小。