jquery - 如何使用 jquery 在窗口调整大小时更改文本

Question

我想通过当前浏览器宽度大小更改我的文本，而不必像媒体查询那样使用刷新。

我有这个代码，它不起作用，我做错了什么？

 function checkSize() {
   //small-screen
    if (window.innerWidth < 1200) {
       $("#hello-world").html("Hello World");
    }
    //end small-screen
   }

  checkSize();

$(window).resize(function() {
 checkSize();
 });

Answer 1

建议

以这种方式将代码包含在其中$(document).ready();：

$(document).ready(function(){
    $(window).resize(function() {
        checkSize();
    });
});

演示：http: //jsfiddle.net/rXERS/