Question

简单的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/

Answer 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会给你一个想法

jquery绑定被多次调用

1 个答案: