Utilisation de JQuery pour modifier les propriétés CSS

J'utilise les onglets de l'interface utilisateur Jquery et je souhaite modifier les propriétés d'un élément au passage de la souris.Utilisation de JQuery pour modifier les propriétés CSS

Mon HTML est la suivante:

<ul id="sub-tabs"> <li><a href="#000">000 General</a></li> </ul>...

Et jquery est:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("#guide-nav ul#sub-tabs li p").css("display", "none"); 
});

Mais cela ne fonctionne pas.

Source

2010-08-31 Media Shark

<ul id="sub-tabs"> 
    <li><a href="#000"><span>000<br /><p id="ct1">General</p></span></a></li> 
</ul>

Jquery est:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("#guide-nav ul#sub-tabs li a span p").css("display", "none"); 
});

Ou essayez ceci:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("p#ct1").css("display", "none"); 
});

Ou ceci:

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $(this).find('p').css("display", "none"); 
});

Source

2010-08-31 12:22:38 bradenkeith

Cela ne semble pas fonctionner non plus. Je pensais que peut-être que les onglets de l'interface utilisateur Jquery peuvent être en train de réécrire les styles et/ou les noms des éléments, alors j'ai retiré l'appel, et toujours pas aller. –

Utilisez cette

$('#guide-nav ul#sub-tabs span').mouseover(function() { 
    $("#guide-nav ul#sub-tabs li p").css({display:"none"}); 
});

Source

2010-08-31 12:22:52 yogs

C'est juste une autre façon d'écrire .css ("display", "none") et ne changerait rien à la façon dont son code réagit. – bradenkeith

Toujours pas de go. Je peux essayer dans un environnement indépendant, pour voir si un autre code sur la page est en train de jouer avec ... –

D'accord, j'enroulai cela dans une fonction et il fonctionne ...

$(function() {            
    $('#guide-nav ul#sub-tabs li a span').mouseover(function() { 
     $(this).find('p').css("display", "none"); 
    }); 
});

j'ai décidé d'utiliser la déclaration ci-dessus pour cacher les éléments que dans l'onglet sélectionné, car il y aura des multiples

Source

2010-08-31 12:50:23

Lorsque j'essaie votre code, cela fonctionne réellement. Êtes-vous sûr que le DOM a fini de charger lorsque vous exécutez le javascript?

$(document).ready(function() { 
    $('#guide-nav ul#sub-tabs span').mouseover(function() { 
    ("#guide-nav ul#sub-tabs li p").css("display", "none"); 
    }); 
});

Au lieu de .css("display", "none"); vous pouvez également utiliser .hide()

Source

2010-08-31 13:05:23 sewa

Utilisation de JQuery pour modifier les propriétés CSS

Répondre

Questions connexes