jquery/javascript warten, für eine Funktion zu vervollständigen

Habe ich Skripts ausführt, die von der DOM-manipulation zu ändern, wie ein div-Element aussieht. Die Art der Anwendung, beim laden der Seite das div-Element gerendert in seinen ursprünglichen Zustand, die Funktion ändert die DIV. Das problem ist, es macht das original-div vor dem Rendern der geändert div.

Habe ich versucht:

//Make div invisible

//Call function to change the DIV

//Make div visible

Funktioniert das nicht

Sind Sie auf der Suche zu haben die DIV ändern, sofort, wenn Ihre Seite wird im browser geladen, oder wollen Sie nicht sehen, die Veränderungen inkrementell?
Ich dont wollen sehen, dass die änderungen inkrementell geschehen
welche Art von Veränderungen sprechen wir? Wenn es einfach genug ist, tun Sie es nicht mit JS überhaupt, bekommen die JS zum ändern der element-Klasse statt - der Effekt wird sofort funktionieren.

InformationsquelleAutor | 2009-02-18

  1. 1

    Verwenden Sie die visibility-Attribut?

    <div id="divy" style="display:none;">Wee</div>

    oder legen Sie den Stil in einem .css-Datei

    $(document).ready(function(){
   $("#divy").css("color", "#424242");
   $("#divy").show();
});
    wie bereits oben erwähnt in den Kommentaren, nie ausblenden von Inhalten standardmäßig
    wer sagt das? Wenn eine html-Objekte Standard-Zustand versteckt ist, dann ist dies notwendig. DIESER Kommentar Element ist standardmäßig ausgeblendet!
    Das ist, weil es setzt auf AJAX abrufen, Kommentare und daher ist nicht aktiviert, wenn JavaScript deaktiviert ist und macht einen logischen Sinn in diesem Szenario ausblenden standardmäßig. Ich habe Stand in meinem Kommentar, dass unter bestimmten Umständen ist es schlechte Praxis
    aber mein ursprüngliche Kommentar mit gelöscht worden
    Ich Las nicht überall in Bob Smith ' s post, dass er erwäge Browsern ohne javascript-Unterstützung aktiviert. Ich habe gerade angefangen mit diesem StackOverflow und ich wollte nicht anfangen, das "was-wäre-wenn" - Aussagen. Dies war ein jQuery-Frage, und ich gab ein jQuery Antwort. noscript könnten, gehören anderen .css zu beheben.

    InformationsquelleAutor hunter

  2. 0
    $('div').hide(function(){
 $(this).css('font-size', '5em');
 $(this).find('h1').css('color','red');
 $(this).show();
})

    Diese arbeiten MÜSSEN 😉

    Kannst du nicht Kette? $(this).css('font-size', '5em').find('h1').css('color', 'red').show();
    Ja, Sie können. Etwas weniger lesbar, aber.
    wenn Sie die Kette, wie es das die show() würde nur auf die h1, nicht das gesamte div.
    kann ich die Kette, aber ich wollte zeigen, wie viele Sachen dort 🙂 Können Sie schriftart, Größe oder kann sein Inhalt oder sonst was, wichtiger ist das wie gemacht ist 😉
    tun wird die one-line-trick 🙂

    InformationsquelleAutor Ionuț Staicu

  3. 0

    Wenn Sie nicht wollen, es zeigt sofort, sollten Sie nur verstecken mit CSS statt JS). Dann führen Sie Ihre Funktion ändern und anzeigen.

    InformationsquelleAutor

  4. 0

    Sind Sie nur versuchen, zu halten das div sichtbar und verhindert gleichzeitig die änderungen aus gesehen zu werden? Wahrscheinlich könnten Sie machen es passieren durch das Klonen die div, so dass Ihre änderungen auf dem geklonten div, dann ersetzt das original-div mit der geklonten, geändert, div. So etwas wie:

    var changed_cloned_div = make_changes( $('#original_div').clone() );
$('#original_div').replaceWith( changed_cloned_div );

    InformationsquelleAutor Parand

Schreibe einen Kommentar