javascript - jQueryホバーイベントが発生しない

Question

以下に示すコードサンプル：

(function (window, document) {
$('.rating_title_container').parents('.item_row_def').hover(function() {
          setTimeout(function() {
              system.console('Worked');
          }, 1000);
        });
 })(window, document);

私はJS、jQueryにかなり慣れていません。ここで私が見逃していることを誰かが説明できますか? http://jsfiddle.net/p7gBy/5/に投稿されたコード

HTML

  <table>
    <thead>
      <tr>
        <th class="item_row_def" onclick="sort(3);">
          <table class="col-header">
            <tbody>
              <tr>
                <td>
                  <h2 class="header_title rating_title_container">Rating</h2>
                </td>
              </tr>
            </tbody>
          </table>
        </th>
      </tr>
    </thead>
  </table>

score 0 · Accepted Answer

その関数を囲む必要がありdoc ready、すべてが正常に機能します。

$(function(){ // <----------------------------try enclosing within this from here
   (function (window, document) {
      $('.rating_title_container').parents('.item_row_def').hover(function() {
        setTimeout(function() {
            alert('Worked');
        }, 1000);
      });
   })(window, document); 
}); //<---------------------------------------- to here.

ほとんどのイベントはdocument readyハンドラ内に記述する必要があります。

これ：

$(document).ready(function() {
   // Handler for .ready() called. 
});

この：

$(function() {
    // Handler for .ready() called.
});

は同じです。doc ready2 つ目は、ハンドラーの短いバージョンです。

.ready()ハンドラの詳細を読む

score 0 · Accepted Answer

ドキュメントの準備ができたときにコードを呼び出すことを想定して、次のことを試してください。

jQuery(function (window, document) {
$('.rating_title_container').parents('.item_row_def').hover(function() {
      setTimeout(function() {
          system.console('Worked');
      }, 1000);
    });
});

その間});、最後に超過し、エラーがスローされます

score 0 · Accepted Answer

次のように準備が整ったドキュメント内でイベントハンドラーをバインドする必要があります (上記のコードをこれに置き換えて参照してください)。

$(document).ready(function(){
    $('.rating_title_container').parents('.item_row_def').hover(function() {
      setTimeout(function() {
          system.console('Worked');
      }, 1000);
    });
});

score 0 · Accepted Answer

このコードを試してください：

(function (window, document) {
$('.rating_title_container').parents('.item_row_def').hover(function() {
          setTimeout(function() {
              alert('Worked');
          }, 1000);
        });

})(window, document);

フィドルをチェックhttp://jsfiddle.net/AXepU/

javascript - jQueryホバーイベントが発生しない

4 に答える 4

Related

Reference