jquery - Javascript ホバー カーソル ポインター

Question

Jquery を使用してホバー時にカーソル ポインターを実行しようとしています。

$('#example td').hover(function() {
$(this).css('cursor','pointer');
});

CSSには入れたくない、Jqueryに入れたい。

これを修正するにはどうすればよいですか?

http://jsfiddle.net/Egttj/

Answer 1

jqueryをクリアした後、ここで機能しているようです。最初のクリック機能を閉じるのを忘れており、検索フォームとボタンがhtmlで宣言されていません(#example trに変更しました)

基本的に、あなたのjQueryはそれほどうまくコーディングされていませんでした（そこに属さない5.}の行もありました）。

また、「フレームワーク」を、標準で選択されているmooToolsの代わりにjQueryに設定します。

これは、不要なコードを削除した後に取得した完全な jQuery コードです。

$(document).ready(function() {

    $('#example tr').click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.location = href;
        }
    });

    $('#example tr').hover(function() {
        $(this).css('cursor','pointer');
    });

});

フィドル

Answer 2

なんらかの理由でTobias Nilsonsの答えにコメントできなかったので、ここに答えを示します。

$('#example td').css('cursor', 'pointer');`

とにかく、ホバー時にスタイルを適用するように指定したい理由はありません。カーソルは実際にはホバー時にのみ表示されるため、.

フィドル: http://jsfiddle.net/Egttj/15/

スタイルシートで対応するルールを指定するだけでは、少し問題が生じると思います。しかし、はい、誰もが指摘したように、それは本当に最善かつ最も簡単な方法です.

Answer 3

最初の方法の比較

$('#example tr').hover(function() {
    $(this).css('cursor','pointer');
});

2番目の方法で

$('#example td').css('cursor', 'pointer');`

好きなjQueryに拡張できるため、最初に固執することをお勧めします。

$('#example tr').hover(function() {

    $(this).css('cursor','pointer');

    $(this).click(function() {
       var href = $(this).find("a").attr("href");
       if(href) {
          window.location = href;
       }
    });

});