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/