javascript - jQuery: ウィンドウの幅が配列内の任意の値と一致する場合に関数をトリガーする

Question

私は応答性の高いサイトで作業しており、ウィンドウのサイズ変更の特定の時点で起動する必要があるいくつかの特定の関数があります: ウィンドウが定義された「モバイル幅」に達したとき、定義された「デスクトップ」幅に達したとき、および任意の幅に達したとき指定された数値の配列（私のCSSブレークポイント）。

これは、私がどこにいるかを示す簡略化されたフィドルです（追加されたすべての段落要素は、関数がどこに行くかのプレースホルダーです）：http://jsfiddle.net/ygwug/

ウィンドウのサイズを変更するとわかるように、モバイル/デスクトップ チェックは機能しますが、ブレークポイント チェッカーは機能しません。これに特に関連するコードは次のとおりです。

var breakpoints = [320, 480, 550, 650, 720, 790, 1000, 1190];
    window_w = $wind.width();

var breakpointHit = function() {
    $('body').append("<p>Breakpoint was hit!</p>");
}

if ( $.inArray( window_w, breakpoints ) > -1 ) {
    breakpointHit();
}

私が理解していることから、 $.inArray は、値が配列に存在しない場合は -1 を返し、存在する場合は値のインデックスを返す必要があります。そのため、値が存在するかどうかを判断するために "> -1" を使用しました配列。しかし、Dev Tools で構文エラーが見られないので、ロジックのどこかにエラーがあるはずです。

誰かが私を正しい方向に向けるのを助けることができれば、本当に感謝しています. ありがとう！