mehrere Bootstrap-wählen Sie lädt sehr langsam

wenn ich versuche mehrere wählt auf der website (mehr als 20) es verlangsamt jquery-Ausführung (mit stop/continue-alert) - gibt es eine chance den code optimieren, um es zu laden schneller - es dauert Minuten, bis es geladen?

Beispielcode

<td><select class="selectpicker" name="ref[240][sub_class]">
<option value=0 selected="selected" >A</option>
<option value=1>B</option></select></td>
<td><select class="selectpicker" name="ref[265][sub_class]">
<option value=0>A</option>
<option value=1 selected="selected" >B</option></select></td>

javascript am Ende der Datei:

        $(document).ready(function() {
  $('.selectpicker').selectpicker({
    style: 'btn-info',
    size: 1
  });
});
  • Die folgenden #bootstrap-select-Fragen-thread von anderen, die getroffen haben, die Frage, kann helfen: github.com/silviomoreto/bootstrap-select/issues/291
  • War auch sehr langsam für mich, aber ich wurde mit einer älteren version - 1.6. Über 1300 Optionen wurden mit der Einnahme von 3-4 Sekunden auf eine Aktualisierung... Umgestellt auf version 1.13 und der refresh ist zeitlos.
InformationsquelleAutor rangerek | 2014-04-29
  1. 4

    Ich arbeite mit bootstrap wählen Sie auch.
    Dieser trick gelöst meine Probleme über bootstrap-wählen Sie die rendering-Verzögerungen beim laden einer Seite: es scheint, dass beim laden der Seite, dom-element in der Regel Rendern, bevor selectpicker, das macht die CSS "skalieren" die Ursache für ein furchtbarer Wirkung.

    In der Regel selectpicker dauert 500ms für das erste Rendern, können Sie erzwingen, dass das rendering nach der element-definition wie die folgende Vermeidung dieser Verzögerung wie folgt:

    <select class="selectpicker" id="your_select">
   <option>...</option>
   ...
   <option>...</option>
</select>
<script>
   $("#your_select").selectpicker("render");
</script>

    Denke, es hilft 🙂

    InformationsquelleAutor GrayFox
  2. 3

    In meinem Fall war es auch vollkommen OK ist, einfach nehmen Sie die

     $('.selectpicker').selectpicker();

    aus

    $(document).ready(function() ...
    InformationsquelleAutor VGranin
  3. 1

    Für mich, zwingt rendering unmittelbar nach der js laden aus der select erscheint praktisch sofort, anstatt zu warten, für die ganze Seite zu laden:

    <script src="~/assets/js/bootstrap-select.min.js"></script>
<script>
    $(".selectpicker").selectpicker();
</script>
    • Als Hinweis, ich landete nicht verwenden bei allen Bootstrap-Wählen Sie wegen der Auswirkungen auf die Leistung. Hatte zu wählen, die Funktionalität über der ästhetik wegen SEO.
    InformationsquelleAutor Alfred Wallace
Schreibe einen Kommentar