Ereignisse, bevor Sie $(document).bereit

Habe ich eine Funktion zum ausblenden der Steuerelemente bedingt, bevor das Dokument geladen ist. Wenn ich diese Funktion auf $(document).ready sehe ich die Seite flackern, um die Steuerelemente auszublenden bedingt. Ich würde gerne wissen, ob es ein Ereignis, das aufgerufen werden kann, bevor $(document).ready ausgelöst wird.

Kann nicht setzen Sie Sie auf die standardmäßig ausgeblendet und zeigen nur diejenigen, die Sie benötigen auf $(document).ready?
Wenn Sie sagen, die standardmäßig ausgeblendet sind, werden Sie mit Bezug auf den Einsatz von css zu verstecken. Wenn ich dies Tue, wird jquery in der Lage sein zu zeigen und Sie zu verstecken?
Ja, ich meine, von CSS, und ja, jQuery können.

InformationsquelleAutor Abishek | 2011-08-20

  1. 6

    Wie andere erwähnt so etwas tun

    <div id="test" class="hidden"> my hidden div tag </div>

.hidden
{
 display:none;   
}

    in das Dokument.bereit , können Sie zeigen , entspricht dies der "onload", die wartet, bis html geladen wird

    $(document).ready(function() {
  $('#test').show();
});

    jsfiddle Beispiel hier

    http://jsfiddle.net/kdpAr/

    InformationsquelleAutor kobe

  2. 6

    Häufiges Problem. Verwenden Sie CSS, um die Steuerelemente standardmäßig ausgeblendet, und verwenden Sie dann JS auf $(document).ready um zu entscheiden, welche Steuerelemente sichtbar zu machen. Gibt es kein flackern. Es wird genauso Aussehen wie die entsprechenden Teile der Seite laden, die sich nach und nach.

    Können Sie nicht sicher laufen, JS, bevor das Dokument fertig ist und Teile das Dokument sichtbar sein wird, bevor Sie ausgeführt werden können JS. Also, die einzige Lösung ist, um sicherzustellen, dass alle nicht-Aufflackern-Elemente sind standardmäßig ausgeblendet, und Sie dann nur anzeigen, die diejenigen, die Sie angezeigt haben wollen.

    Der einfachste Weg, dies zu tun ist, nur eine gemeinsame Klasse auf alle dynamischen Elemente:

    <div id="myControl1" class="initiallyHidden"></div>

    und CSS verwenden, um sicherzustellen, dass Sie alle beginnen versteckt:

    .initiallyHidden {display: none;}

    Und dann mit javascript überschreiben, wenn er entscheidet, ein element sichtbar sein soll:

    document.getElementById("myControl1").style.display = "block";

    InformationsquelleAutor jfriend00

  3. 1

    Wenn ich brauchte, um etwas verstecken, bevor Javascript geladen wird, würde ich es versteckt in der css etwa so:

     display:none;

    oder:

     visibility: hidden;

    Können Sie auch Bedingungen in Kombination mit Javascript, um es zu offenbaren, wenn es sein muss.

    oder da jquery erwähnt wurde: class="ui-helper-hidden-accessible"

    InformationsquelleAutor Austin Ginder

  4. 1

    rufen Sie die JavaScript-Funktion in die nächste HTML-element

    ex:

    <span></span>
<script> call JS function</script>
    Danke, auf diese Weise nicht in der Lage sein, Dinge zu tun, generisch. Wenn ich ein-und ausblenden, mehrere Elemente dann so tun mit dem, was Sie haben, zeigen möglicherweise nicht die richtige Wahl
    vereinbarte, aber Sie können sich alle externen JavaScript-Referenz Ende der Seite. und cal die JavaScript-Funktion, nachdem alle element. dies wird speichern Sie die Datei, laden Sie Zeit.dann können Sie die Funktion ausführen, bevor die ganze Datei geladen.

    InformationsquelleAutor Chamika Sandamal

  5. 0

    Können Sie einfach öffnen Sie ein script-tag direkt nach der HTML, die Sie ausblenden möchten condionnaly (jQuery muss deklariert werden, bevor jedoch) und rufen Sie dann verstecken, direkt, nicht in einem $(document).bereit wie diese :

    <div id="toHide">Lorem ipsum</div>

<script type="text/javascript">
  $("#toHide").hide();
</script>

    InformationsquelleAutor MaxiWheat

  6. 0

    Müssen Sie dann Ihre Elemente VOR der Ausführung von javascript -

    <div>hi</div>
<script>
$("div").css('background-color', '#EEE');
</script>

    http://sandbox.phpcode.eu/g/d01a1

    InformationsquelleAutor genesis

Schreibe einen Kommentar