Heim  >  Artikel  >  Web-Frontend  >  So laden Sie Bindungen dynamisch mit JS

So laden Sie Bindungen dynamisch mit JS

php中世界最好的语言
php中世界最好的语言Original
2018-06-12 10:18:062042Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie JS zum dynamischen Laden von Bindungen verwenden und welche Vorsichtsmaßnahmen für die Verwendung von JS zum dynamischen Laden von Bindungen gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Vorwort

Beim Hinzufügen eines Datenelements wurde dynamisches Laden verwendet, um es auf der Benutzeroberfläche anzuzeigen. Später wurde ein schwerwiegender Fehler entdeckt Hinweis, den ich als Beispiel erstellt habe: Wenn ich ein Datenelement hinzufüge und dann auf Löschen klicke, werde ich gefragt, ob ich es löschen soll, wie unten gezeigt:

Aber wenn ich Wenn Sie mehr als zwei Daten hinzufügen, werden Sie mehrmals aufgefordert, den Löschvorgang zu bestätigen.

Nach der Untersuchung haben wir endlich das Problem gefunden.

Text

Wenn Inhalte dynamisch hinzugefügt werden, werden normalerweise die Ereignisse geschrieben, die im hinzugefügten p verwendet werden müssen, z. B. Klickereignisse / Chang-Events usw. Nehmen Sie als Beispiel mein Löschereignis. Da das Löschereignis unter dem Ereignis des Hinzufügens einer Notiz geschrieben werden muss, wird es beim Hinzufügen des ersten Datenelements einmal gebunden, und beim Hinzufügen des zweiten Datenelements wird es einmal gebunden , und wenn das n-te Datenelement hinzugefügt wird, wird es einmal gebunden. Es wurden n-fache Löschereignisse gebunden. Wenn Sie also das n-te Datenelement löschen, werden Sie n-mal aufgefordert, den Löschvorgang zu bestätigen.

Da nun die Fehlerursache gefunden wurde, kann sie behoben werden. Bevor Sie das Löschereignis binden, lösen Sie einfach die Bindung des letzten gebundenen Ereignisses.

Code:

//解绑
$(".deletebtn").off("click");
$(".update").off("change");
//绑定
$(".deletebtn").bind('click', delete_click);
$(".update").bind('change', change_fonts);

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Angular Parent- und Child-Komponenten rufen sich gegenseitig auf

So bedienen Sie Dev und PRD im Webpack

Das obige ist der detaillierte Inhalt vonSo laden Sie Bindungen dynamisch mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn