0

プレーンな jQuery バインディング関数が 2 回呼び出されています。jQuery モバイルを使用しているときにもこの問題が発生しました。

$(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 に答える