Home/ Questions/Q 9159079
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T13:24:22+00:00

Plain jQuery binding function is getting called twice for me, I have seen this

  • 0

Plain jQuery binding function is getting called twice for me, I have seen this problem when working with jQuery mobile also. 

$(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>

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well known browsers behaviour, a possible workaround:

    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);
        });

    })();
});

    NOTE you could set timeout duration to 0, 50 is to give you the idea

    • 0