2009-12-31 4 views
32

Je suis en train d'ajouter! Important dans l'attribut CSS en utilisant jQuery commeComment inclure! Important dans jquery

$("tabs").css('height','650px;!important'); 

mais! Important n'a pas d'effet. Comment inclure! Important dans jquery?

+1

Pouvez-vous essayer sans le point-virgule entre la valeur et importante! –

+1

non. Ne fonctionne pas !! – Soft

+2

La réponse de Marc W est la réponse. Vous n'avez pas besoin! Important. –

Répondre

90

Apparemment, il est possible de le faire en jQuery:

$("#tabs").css("cssText", "height: 650px !important;"); 

Src: http://bugs.jquery.com/ticket/2066

+13

Bien que, cela remplace tous les autres styles en ligne sur l'élément ... –

+4

Bien, vous pouvez faire $ (elem) .css ('cssText', $ (elem) .css ('cssText') + "votre nouveau css") droite? ;) – Juan

+1

Qu'est-ce que cssText ici? – Diffy

1

Vous n'avez pas besoin de !important lorsque vous modifiez CSS avec jQuery, car il modifie directement l'attribut style sur les éléments du DOM. !important est uniquement nécessaire dans les feuilles de style pour interdire le remplacement d'une règle de style particulière à un niveau inférieur. Modifier style directement est le plus bas niveau vous pouvez aller, donc !important n'a aucune signification.

+32

Sauf si vous voulez remplacer une règle! Importante ... – Quentin

+2

Ouais: s'il y a un '! Important' dans la feuille de style que vous essayez de remplacer, vous auriez besoin dans '$(). css()'. –

+0

Comme les autres commentaires l'ont laissé entendre, c'est tout simplement faux. Alors que l'attribut 'style' remplace tous les CSS qui sont appliqués sans'! Important', cela n'affecte pas CSS qui est appliqué avec '! Important'. – Makyen

4

Je résolu ce problème avec:

inputObj.css('cssText', inputObj.attr('style')+'padding-left: ' + (width + 5) + 'px !IMPORTANT;'); 

donc pas en ligne de style est perdu, un de la dernier remplace le premier

0

Il est également possible d'ajouter pr plus important operties:

inputObj.attr('style', 'color:black !important; background-color:#428bca !important;');