Ajout CSS via Javascript

Je suis en train d'ajouter un peu de style CSS (en plus des styles déjà en place) via Javascript (tout simplement parce que je n'ai pas accès au fichier CSS principal)
Ajout CSS via Javascript

http://jsfiddle.net/pbPyU/

HTML:

<a class='store-locator-button'>replace me</a>

JAVASCRIPT:

$(function() { 
$('.store-locator-button').addClass('tempstorebutton'); 
$("a.store-locator-button").each(function(index,el){ 
    $(el).text('BUSCAR UNA TIENDA'); 
    }); 
});

CSS:

.tempstorebutton{padding:5px; color:#fa5dae;}

Cela fonctionne très bien dans JSfiddle, mais pas sur mon site. Aucune suggestion?

Source

2013-09-04 Karina McGourty

Peut-être qu'il est remplacé? Essayez d'ajouter '! Important'. Assurez-vous également de ne pas avoir de fautes de frappe. Publiez également un jsFiddle complet décrivant le problème. – gdoron

lorsque vous appelez cette fonction? – Rex

vous êtes certain que jQuery est chargé avant votre code? cause que "javascript" utilise jQuery :) – labtoy

L'ordre dans lequel CSS est appliqué est important. Vous devez ajouter votre code JavaScript au bas de la page pour vous assurer qu'il est appliqué au cas où d'autres styles sont déjà appliqués auparavant. Essayez aussi la propriété importante au cas où votre CSS est surchargé.

Source

2013-09-04 10:33:57 defau1t

L'ajout du code de script au bas de l'élément 'body' n'est pas une garantie. Seul l'ajout d'un écouteur pour l'événement 'load' de l'élément' body' ou le 'document' * pourrait * donner une certaine assurance ici. – PointedEars

Je vous recommande d'avoir rendu votre propre fichier CSS après celui que vous voulez remplacer.

Ensuite, vous devez ajouter les classes que vous souhaitez remplacer dans votre fichier css avec les styles que vous souhaitez. Sinon, c'est un chemin frustrant que vous devriez éviter.

! Les déclarations importantes ne doivent pas être utilisées à moins qu'elles ne soient absolument nécessaires.

Source

2013-09-04 10:38:43

Chaque navigateur a des paramètres CSS par défaut. Vous devez remplacer css.

une approche consiste à réinitialiser css: reset css example
une autre approche consiste à remplacer uniquement les pièces dont vous avez besoin css avec d'importantes

garder à l'esprit que, dans css plus spécifique est un plus priorité à rendre

vous pouvez également essayer de vérifier si les changements css que vous faites apparaître avec le changement de code CSS dans firefox firebug ou google chrome développeur ou votre interface de débogage du navigateur et que vous pouvez voir si vos tweks css fonctionnent pour r eal ou pas.

Vous pouvez également essayer de donner un nom différent à la classe.

Source

2013-09-04 10:44:42 sivi

Ajout CSS via Javascript

Répondre

Questions connexes