web-dev-qa-db-fra.com

Pointeur de curseur Hover JavaScript

Essayer d'utiliser JQuery pour faire un pointeur de curseur sur le planer:

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

Je ne veux pas le mettre en CSS, je le veux à JQuery.

Qu'est-ce que je dois faire pour résoudre ce problème?

http://jsfiddle.net/egttj/

jquerycsshover
11
DJ Howarth

Il semble fonctionner ici après avoir effacé votre jQuery, vous avez oublié de fermer la fonction de clic de la première fois que la recherche et le bouton de recherche et de votre bouton ne sont pas déclarés dans votre HTML (je l'ai changé à #Example TR)

Fondamentalement, votre jQuery n'était pas si bien codée (il y avait aussi une ligne avec 5.}) dessus qui n'appartenait pas là).

J'ai également défini le "votre cadre" sur jQuery au lieu de la norme sélectionnée motools

C'est le code JQuery complet que j'ai reçu après avoir supprimé un code inutile:

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

});

violon

18
Hans Vn

Je ne pouvais pas commenter la réponse de Tobias Nilsons pour une raison quelconque, c'est pourquoi c'est comme une réponse.

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

Il n'y a aucune raison pour que vous souhaitiez spécifier le style comme appliqué sur VOIR de toute façon. Le curseur n'apparaît vraiment que sur Hover.

Le violon: http://jsfiddle.net/egttj/15/

Je suppose simplement spécifier la règle correspondante dans une feuille de style provoque un peu de problèmes pour vous. Mais oui, comme tout le monde l'a souligné, ce serait vraiment le moyen le plus simple et le plus simple de le faire.

8
banzomaikaka

Comparer la première méthode

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

Avec la deuxième méthode

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

Je recommanderais de coller au premier car il peut être étendu à toute jquy que nous voulons comme suit:

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