hinzufügen Inline-Stil zu dynamisch generierten div jquery mit

I Inline-Stil zu einem div mit jquery hinzufügen Ich versuche, finden die div, wie ich in Firebug (im Anhang unten)hinzufügen Inline-Stil zu dynamisch generierten div jquery mit

ich inspizieren wollen Behalten Sie die vorhandenen CSS auch, ich habe nur margin-left:0 und margin-right:0 zur bestehenden Klasse hinzufügen, folgendes jquery ich habe versucht, aber kein Glück:

jQuery(document).ready(function($){ 
    $(".testimonial_wrapper").css({'margin-left':'auto', 'margin-right':'auto'});  
});

Was die andere Art und Weise zu erreichen ist? (Bitte beachten Sie, dass ich Wordpress-Seite bin der Bearbeitung und die div-Tags werden von Seite Builder Plugin generiert)

Quelle

2016-09-27 Sanjeev Kumar

hinzugefügt Es ist unmöglich zu wissen, wo das Problem ist .... wenn die divs sind erzeugt ? – DaniP

divs werden aus einem Plugin generiert, das Drag & Drop enthält –

Wenn Sie die Klasse kennen, die überschrieben werden muss, können Sie es mit CSS tun. Wenn der Name auch dynamisch generiert wird (z. B. class-1 oder class-32), müssen Sie den dynamischen Generierungsprozess sehen, um ihn mit CSS zu überschreiben. jQuery kann ein '! wichtig' CSS nicht übersteuern, da Sie '! wichtig' als Parameter nicht senden können. Sie können nur die Klasse entfernen und die gewünschte wieder einfügen. (Sie sollten die CSS-Klasse klonen, ändern, was Sie wollen unter einem anderen Klassennamen und wieder mit Ihrem CSS-Klassennamen einfügen.) –

umfasst ich glaube, Sie müssen nur die $ von function($) löschen und $ zu jQuery in der Funktion selbst ändern:

jQuery(document).ready(function(){ 
    jQuery(".testimonial_wrapper").css({'margin-left':'auto', 'margin-right':'auto'});  
});

Quelle

2016-09-27 14:02:07 Johannes

wenn ich $ I entferne, bekomme ich Fehler, Uncaught TypeError: $ ist keine Funktion –

I verpasst jQuery hinzuzufügen, jetzt hinzugefügt und es hat funktioniert! –

Ich habe meine Antwort entsprechend geändert/bearbeitet ... – Johannes

vielleicht können Sie Inline-CSS hinzufügen:

<style type="text/css"> 
    div.testimonial_wrapper { 
     padding-left : auto !important; 
     padding-right: auto !important; 
    } 
</style>

die oben auf neue Elemente gelten auch, aber stellen Sie sicher, dass es darum geht, nachdem die CSS-

Quelle

2016-09-27 13:52:48 Ted

Ich wünsche ich könnte, aber das hat bereits eine css mit wichtigen definiert, die nicht editierbar ist :( –

und das ist der grund, warum ich entschied, mit jQuery zu gehen, inline .. –

Ich habe meine Antwort bearbeitet. – Ted

Ich habe meine eigenen Designs und Ihren gewünschten Stil auch, mit heraus zu stören den Linienstilen

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $("p").css("background-color", "yellow"); 
 
     $(".testimonial_wrapper").css({'margin-left':'auto', 'margin-right':'auto'});  
 
    }); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 

 
<h2>This is a heading</h2> 
 

 
<p class="testimonial_wrapper" style="background-color:#ff0000;border:1px solid #000;">This is a paragraph.</p> 
 
<p class="testimonial_wrapper" style="background-color:#00ff00;border:1px solid #000;">This is a paragraph.</p> 
 
<p class="testimonial_wrapper" style="background-color:#0000ff;border:1px solid #000;">This is a paragraph.</p> 
 

 
<p>This is a paragraph.</p> 
 

 
<button>Set background-color of p</button> 
 

 
</body> 
 
</html>

Quelle

2016-09-27 14:11:09

hinzufügen Inline-Stil zu dynamisch generierten div jquery mit

Antwort

Verwandte Themen