JQuery Fenster Resize nicht ausgelöst

Question

Die Frage wirklich langweilig ist, aber ich habe nicht damit umgehen. Ich muss eine Objektmethode aufrufen, wenn die Fenstergröße geändert wird. Der Code lautet wie folgt:

var ThemeDesignerHelper = new function() { 
     this.initialize = function() { 
      debugger; 
      var self = this; 
      $(document).ready(function() { 

       $(window).resize(function() { 
        alert("res"); 
       }); 
      }); 

     } 
     this.initialize(); 
} 

Jquery löst keinen Alarm aus, wenn ich das Fenster änderte. Ich denke, das ist nicht über Jquery oder meine Browser-Version, denn wenn ich den obigen Code auf jsfiddle versuchte funktioniert es perfekt. Warum funktioniert der obige Code nicht? Jeder hat eine Meinung mit mir zu teilen.

Hinweis: Wenn i Fenster ändern zu dokumentieren funktioniert es!

Answer 1

Wenn Sie dieses Problem lösen müssen sofort können Sie JavaScript-Window-Ereignis-Listener verwenden, wie unten

$(document).ready(function() { 
      if (window.addEventListener) { 
       window.addEventListener("resize", function(){alert("res")}, false); 
      } else if (object.attachEvent) { 
       object.attachEvent("on" + "resize", function(){alert("res")}); 
      } else { 
       console.error("unknown event listener object."); 
      } 
     }); 

Answer 2

Für JQuery, die korrekte Syntax auf ein Fenster Resize ist:

$(window).on('resize', function(){ 
    //Do something 
}); 

Answer 3

Versuchen Sie, diese

$(window).resize(function() { 
    $('body').prepend('<div>' + $(window).width() + '</div>'); 
});