溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間：2020-06-15 13:27:34 來(lái)源：網(wǎng)絡(luò) 閱讀：3019 作者：楊浩晨 欄目：web開(kāi)發(fā)

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

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

  1. <html> 
  2. <head> 
  3. <script type="text/javascript" src="/jquery/jquery.js"></script> 
  4. <script type="text/javascript"> 
  5. x=0; 
  6. $(document).ready(function(){ 
  7.   $(window).resize(function() { 
  8.     $("span").text(x+=1); 
  9.   }); 
  10.   $("button").click(function(){ 
  11.     $(window).resize(); 
  12.   }); 
  13. }); 
  14. </script> 
  15. </head> 
  16. <body> 
  17. <p>窗口的大小被調(diào)整了 <span>0</span> 次。</p> 
  18. <p>請(qǐng)?jiān)囍{(diào)整瀏覽器窗口的大小。</p> 
  19. <button>觸發(fā)窗口的 resize 事件</button> 
  20. </body> 
  21. </html> 
結(jié)果我在IE環(huán)境下放大窗口 resize 事件執(zhí)行了兩次。后來(lái)我在谷歌和百度上面查詢了下， 都存在IE環(huán)境下執(zhí)行兩次的相關(guān)信息。最后發(fā)現(xiàn)一個(gè)很不錯(cuò)的解決方案。 國(guó)外有個(gè)哥子寫了個(gè)插件專門針對(duì)Jquery.resize()事件增強(qiáng)了。 地址在這里：http://benalman.com/projects/jquery-resize-plugin/ 在添加jquery.js之后在添加 "jquery.ba-resize.js" 就可以了。  
  1. <html> 
  2. <title>JQuery - resize()</title> 
  3. <head> 
  4. <script type="text/javascript" src="js/jquery.js"></script> 
  5. <script type="text/javascript" src="js/jquery.ba-resize.js"></script>  
  6. <script type="text/javascript"> 
  7. x=0; 
  8. $(document).ready(function(){ 
  9.   $(window).resize(function() { 
  10.    $("span").text(x+=1); 
  11. }); 
  12.  
  13. }); 
  14. </script> 
  15. </head> 
  16. <body> 
  17. <p>窗口大小被調(diào)整過(guò) <span>0</span> 次。</p> 
  18. <p>請(qǐng)?jiān)囍匦抡{(diào)整瀏覽器窗口的大小。</p> 
  19. </body> 
  20. </html> 

 

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手