web-dev-qa-db-ja.com

JavaScriptホバーカーソルポインター

ホバー上でJqueryを使用してカーソルポインターを実行しようとすると、次のようになります。

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

私はそれをCSSに入れたくありません、それをJqueryに入れたいです。

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

http://jsfiddle.net/Egttj/

jquerycsshover
11
DJ Howarth

私が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');
    });

});

フィドル

18
Hans Vn

どういうわけかトビアス・ニルソンズの答えにコメントできなかったので、ここは答えです。

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

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

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

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

8
banzomaikaka

最初の方法の比較

$('#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;
       }
    });

});
1
Chetabahana