classes problème css

Je veux être en mesure d'ajouter une classe appelée sélectionnée au menu-bouton Je pense que c'est mon css qui cause le problème c'est ce que j'ai.classes problème css

$('menu-button').addClass('selected'); 
div.mybutton { 

} 
div.mybutton .selected{ 
    background-color:#ff9900 
}

Mon bouton de menu a également des enfants et je souhaite ajouter une classe appelée "selected" aux frères et sœurs. Si je peux le faire de cette façon, il serait mieux que d'écrire des lignes séparées pour chaque nom de classe comme "menu-button-over" où il pourrait être juste un "sélectionné" j'espère que vous pouvez le faire comme je le veux mais je suis sûr que c'est mon css

Source

2011-05-02 ONYX

J'ai posté une réponse, mais je l'ai juste parce que je suis supprimé ne sais pas si je comprends ce que le problème est. S'il vous plaît clarifier si vous le pouvez. – morgar

'menu-button' est un objet différent de' mybutton'? – morgar

@Gisborne a répondu à ma question thatnks mec – ONYX

Ouais, votre CSS va aller Vous recherchez une classe selected qui est un enfant de mybutton.

Vous pouvez le faire, bien que (crédit à morgar):

div.mybutton.selected { background-color:#ff9900; }

Source

2011-05-02 01:51:20 theabraham

$ ('menu-bouton') ne va rien sélectionner, est-ce que le bouton de menu est l'identifiant? Si oui, vous avez besoin $ ('# menu bouton')

On dirait que vous voulez faire quelque chose comme ceci:

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.js"></script> 

    <style type="text/css"> 
    div.mybutton .selected{ 
    background-color:#ff9900 
    } 
    </style> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.menu-button').hover(function(){ $(this).addClass('selected'); }, function(){ $(this).removeClass('selected'); }); 
    }); 
    </script> 

</head> 
<body> 
    <div class="mybutton"> 
    <button class="menu-button">I'm a button 1</button> 
    <button class="menu-button">I'm a button 2</button> 
    <button class="menu-button">I'm a button 3</button> 
</div> 
</body> 
</html>

démo ici: http://jsfiddle.net/b2YJY/

Source

2011-05-02 01:49:31

Je cherchais une réponse pas un critique – ONYX

Comment étais-je en train de critiquer? Votre sélectionneur était incorrect et votre question n'était pas aussi claire que l'indiquait Morgar. –

classes problème css

Répondre

Questions connexes