Fügen Sie inline-CSS per jQuery

Ich weiß nicht, jQuery-sehr gut, also ich weiß nicht, wie hinzufügen von CSS-inline.
Das ist mein code:

<div class="gm-style-iw" style="top: 9px; position: absolute; left: 15px; width: 23px;">
 <div style="display: inline-block; overflow: hidden; max-height: 330px; max-width: 176px;">
  <div style="overflow: auto">
   <div id="iw-container">
   </div>
  </div>
 </div>
</div>

Ich ändern möchten die max-width des zweiten div-Element und fügen Sie overflow: none div oben #iw-container.

Ich versuchte dieses aber es hat nicht funktioniert:

var iwOuter = $('.gm-style-iw');
iwOuter.children().css({max-width:'250px !important'});
iwOuter.children().children().css({overflow:'none'});

BEARBEITEN ich anpassen möchten Infofenster Google und für mich ist wichtig, ändern Sie den Wert für max-width und overflow.... ich denke, dass Ihr code vielleicht gut sind, aber ich verstehe nicht, warum das nicht funktioniert...

muss 'max-width': '250px !wichtig'
Es ist zwar nicht wirklich im Zusammenhang mit Ihrer spezifischen Frage, ich würde auf jeden Fall raten, Sie zu erfahren Sie, wie die Arbeit mit CSS Stylesheets anstelle von inline-css. Auf diese Weise werden Sie in der Lage Klassen (das macht es leichter to ändern, css mit jQuery). Sie sollten auch vermeiden Sie die Verwendung !important in Ihrem CSS weil es in der Regel verursacht mehr Probleme als es behebt.

InformationsquelleAutor Mapsism Borja | 2015-04-27

  1. 5

    In jQuery können Sie etwas wie das hier tun:

    $('.gm-style-iw > div').css('max-width', "250px !important");
$('#iw-container').parent().css('overflow', 'none');//css wasn't valid here

    Mit > div bedeutet, es wird das erste div-Element nur, wenn Sie möchten, dass alle divs eine max-width verwenden:

    $('.gm-style-iw').children().css('max-width', "250px !important");

    Mithilfe der .parent() Funktion bedeutet, es wird nur das übergeordnete Element des ausgewählten Elements. Es ist sauberer und einfacher zu Lesen und schneller zu schreiben.

    ich verstehe nicht, weil funktioniert nicht 🙁
    .example > div nicht wählen Sie die erste div nur. Es wählt alle die div's, die unmittelbare Kinder des .example.
    Ich weiß, aber immer nicht funktioniert..... sorry
    die Art und Weise die divs verschachtelt sind, macht die > eigentlich tun was es soll
    Ich kann sehen, dass es tut, was es soll, aber das erklärte Ziel des Selektors ist irreführend, am besten.

    InformationsquelleAutor Albzi

  2. 0
    $(".gm-style-iw div:first-child").css( "max-width", "100px");   
$("#iw-container").parent().css("overflow","none");
    funktioniert nicht :/ mit dem code, max-width ist Hinzugefügt am Dritten div...
    Ich bin mir ziemlich sicher, dass Sie etwas falsch gemacht haben, weil es keine Möglichkeit gibt, würde der obige code fügt eine Dritte div von selbst. Es scheint, dass Sie nicht erfahren genug, um die Arbeit mit dem code, den Sie jetzt haben. Warum versuchen Sie nicht, gehen Sie über die Grundlagen von HTML / CSS und jQuery wieder und beginnen Sie mit etwas einfachen Dinge? Codierung nicht gelernt, in 1 Tag. Ich Hinzugefügt einige links zu tutorials in meinem vorherigen Kommentar, die sollten in der Lage sein, um Ihnen helfen, begonnen.
    ich stellte Sie nur code von google maps, möchte ich anpassen, Infofenster, und ich weiß, dass der einzige Weg (in meinem Fall) ist das wechseln von max-width und overflow. Ich muss es ändern, weil über mobile das Infofenster ist nicht Rendern. Ich Stimme Ihnen zu, dass ich nicht weiß, jquery... aber ich stellte nur den code von google maps. es ist nicht mein code... außerdem dein Beispiel ist das EINZIGE, dass sich geändert somethinghs in meinem code.
    Auch der code oben tut nur 2 Dinge: Ändern Sie die max-width und ändern Sie die overflow, nur als Sie fragte. Es macht nichts anderes. Wenn es etwas anderes dann es bedeutet, dass Sie verwendet die falsche Nummer. Auch ich bin traurig zu sagen, aber das Programmieren ist nicht einfach "kopieren-einfügen" - code, den Sie gefunden haben, online. Wenn Sie nicht verstehen, den code, den Sie verwenden, nicht erwarten, dass andere Ihre Probleme zu lösen. Das erste problem, das gelöst werden muss, ist Sie lernen, wie der code funktioniert.
    Auf nebenbei, hast du nur copy-paste die gesamte Antwort einschließlich der 1. und 2. zahlen? Wenn dem so ist, ist wohl was schiefgelaufen.

    InformationsquelleAutor captainsac

Schreibe einen Kommentar