www亚洲一区,精品国产美女,www.亚洲男人天堂

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

原文：http://blog.sina.com.cn/s/blog_8034a5a40101bejr.html

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

我在W3CSCHOOL上面查閱的時候，提供了一個例子。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>窗口的大小被調整了 <span>0</span> 次。</p>
<p>請試著調整瀏覽器窗口的大小。</p>
<button>觸發窗口的 resize 事件</button>
</body>
</html>

 結果我在IE環境下放大窗口 resize 事件執行了兩次。后來我在谷歌和百度上面查詢了下， 都存在IE環境下執行兩次的相關信息。最后發現一個很不錯的解決方案。 國外有個哥子寫了個插件專門針對Jquery.resize()事件增強了。 地址在這里：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>窗口大小被調整過 <span>0</span> 次。</p>
<p>請試著重新調整瀏覽器窗口的大小。</p>
</body>
</html>

歡迎大家訪問我的個人網站萌萌的IT人

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

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: javascript 代碼 - 金額格式化，每三位加個, jQuery 重復加載，導致依賴于 jQuery的JS全部失效問題 JS中URL編碼參數(UrlEncode) HTML 轉義字符 WEB 打印，去頁碼、隱藏打印按鈕 web 打印 JS讀書文件 jquery-validate 框架驗證 jQuery.validate 中文API jQuery on

tinguo002

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

導航

統計

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

收藏夾

搜索

最新評論

閱讀排行榜

評論排行榜