0

普通的 jQuery 绑定函数对我来说被调用了两次，我在使用 jQuery mobile 时也看到了这个问题。

$(document).ready(function(){

$(window).bind("resize",function(){

$("#length").text($(window).width());
$("#length").show("slow");
$("#length").hide("slow");
});
});


 <html>
   <body>
     <div id='length' style= display:none></div>
     <div class="font size">1</div>
   </body>
 </html>

摆弄：http: //jsfiddle.net/2Yy7Q/

4

1 回答 1

1

众所周知的浏览器行为，一种可能的解决方法：

http://jsfiddle.net/2Yy7Q/1/

$(document).ready(function () {
    (function () {
        var timeout;
        $(window).bind("resize", function () {
            clearTimeout(timeout);
            timeout = setTimeout(function () {
                $("#length").text($(window).width());
                $("#length").show("slow");
                $("#length").hide("slow");
            }, 50);
        });

    })();
});

注意 你可以将超时时间设置为 0，50 是给你的想法

于 2013-01-21T12:42:42.763 回答