2016-10-27 10 views
1

Ich habe eine Single Page App mit vielen Tasten (3000 mit Klick-Ereignis) und bootstrap Akkordeons mit verschachtelten Akkordeon. Die Seite kann fast 1 MB groß sein.Javascript Leistung Riesige Seite

Mein Problem ist, dass manchmal nach einer Weile der Browser nicht mehr reagiert und abstürzt. Ich habe mich gefragt, ob ich etwas tun kann, um die Wahrscheinlichkeit zu verringern, dass das passiert, oder sollte ich das gesamte Design ändern?

EDIT: Zum Beispiel verwende ich:

$(".plus").click(function() { 
     add1($(this).closest("tr")); 
    }); 

Sollte ich:

$(document.body).on("click", ".plus", add1($(this).closest("tr"))); 

statt?

Dank

+0

Können Sie einen Link zur Website hinzufügen? – Adrianopolis

+0

Verwenden Sie jQuery zum Hinzufügen von Click-Handlern? –

+3

Wenn sich der Inhalt in den Akkordeons befindet, können Sie den Inhalt bei Expand/Collapse immer erstellen/löschen. Es macht keinen Sinn, Kontrollen mit Ereignissen zu haben, wenn der Benutzer sie nicht sehen kann. –

Antwort

0

habe ich die Idee, das Click-Ereignis an die Mutter delegieren und so scheint es, stark die Anzahl der Tasten unter Berücksichtigung verbessert zu haben. Aber das Hauptproblem scheint mein Design zu sein.

Dank Sabithpocker.

Ich werde auch die Optionen zum Anhängen/Entfernen von Dom-Elementen, die nicht sichtbar sind, versuchen.