tinguo002

解決在IE瀏覽器中JQuery.resize()執(zhí)行多次的方法（轉(zhuǎn)）

    我在W3CSCHOOL上面查閱的時候，提供了一個例子。W3C源碼

1. <</SPAN>html>
   
   
2. <</SPAN>head>
   
   
3. <</SPAN>script type="text/javascript" src="/jquery/jquery.js"></</SPAN>script>
   
   
4. <</SPAN>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. </</SPAN>script>
    
    
15. </</SPAN>head>
    
    
16. <</SPAN>body>
    
    
17. <</SPAN>p>窗口的大小被調(diào)整了 <</SPAN>span>0</</SPAN>span> 次。</</SPAN>p>
    
    
18. <</SPAN>p>請試著調(diào)整瀏覽器窗口的大小。</</SPAN>p>
    
    
19. <</SPAN>button>觸發(fā)窗口的 resize 事件</</SPAN>button>
    
    
20. </</SPAN>body>
    
    
21. </</SPAN>html>
    

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

1. <</SPAN>html>
   
   
2. <</SPAN>title>JQuery - resize()</</SPAN>title>
   
   
3. <</SPAN>head>
   
   
4. <</SPAN>script type="text/javascript" src="js/jquery.js"></</SPAN>script>
   
   
5. <</SPAN>script type="text/javascript" src="js/jquery.ba-resize.js"></</SPAN>script>
   
   
6. <</SPAN>script type="text/javascript">
   
   
7. x=0;
   
   
8. $(document).ready(function(){
   
   
9. $(window).resize(function() {
   
   
10. 
    $("span").text(x+=1);
    
11. });
    
    
12. 
    
    
13. });
    
    
14. </</SPAN>script>
    
    
15. </</SPAN>head>
    
    
16. <</SPAN>body>
    
    
17. <</SPAN>p>窗口大小被調(diào)整過 <</SPAN>span>0</</SPAN>span> 次。</</SPAN>p>
    
    
18. <</SPAN>p>請試著重新調(diào)整瀏覽器窗口的大小。</</SPAN>p>
    
    
19. </</SPAN>body>
    
    
20. </</SPAN>html>
    

posted on 2013-11-07 13:54 一堣而安 閱讀(1117) 評論(0)  編輯  收藏 所屬分類: js_css