Backbone.js Ansichten delegateEvents nicht bekommen, gebunden (manchmal)

Ich bin mit Backbone.js und manchmal ist die Ansichten, Ereignisse nicht bekommen, richtig gebunden..

Kann ich die Veranstaltung verbindlich situation mit $(viewselector).data() in jQuery. Die meiste Zeit gibt es Ereignisse, manchmal gibt es nicht!

Gibt es bekannte Dinge, die ich sollte aufpassen, dass das verursachen kann?

  • Können Sie bitte mehr details und vielleicht ein paar code-wie auch? Auch, was ist dein javascript laden Sie bestellen? Sie müssen sicherstellen, dass jQuery/Zepto geladen wird, bevor underscore und backbone.
  • danke für Eure Hilfe, jQuery geladen wird, bevor Sie uns/Rückgrat.
InformationsquelleAutor FriiSource | 2011-02-26
  1. 16

    Veranstaltungen übertragen sind, diese.el, wenn die view initialisiert ist. So müssen Sie zu:

    • Ansicht erstellen, indem Sie den Konstruktor der "el" - option, um anzugeben, das element
    • Definieren, el, tag, id, classname, auf Ihre anzeigen zu erstellen oder zu finden auf der Seite ein element direkt.
    • Hängen Sie Ihre gerenderte Ansicht des "el" - element der view
    • Stellen Sie sicher, Sie ersetzen nicht die "el" - element nach der ansichtserstellung

    Für das Letzte Element, wenn Sie es zu tun haben, können Sie rufen Sie delegateEvents einmal mehr zu re-delegieren Sie die Veranstaltung auf Ihrer Ansicht.

    • Die events: {} block in Backbone.js verwendet jQuery .delegate () - Funktion, die nur eine Besondere form der .live () - Funktion ist selbst eine Besondere form der .bind () - Funktion deklariert werden, bevor ein DOM-element vorhanden ist. Es sollte nicht notwendig sein, zu definieren, die "el" - Attribut, um die Elemente zu arbeiten, da backbone.js entweder Benutzer tagName oder geben Sie ein div-Element per default.
    • Richtig, die auto-generierten div-Element da ist und nicht überschrieben, es ist das, was ich schaue, um zu überprüfen, ob oder nicht es ist das Ereignis gebunden. Wenn Sie nicht über ein event-Objekt, es zeigt mir im firebug die Ereignisse gebunden, die el. Ich nehme an, diese können perlten von Kind-Elementen. Aber manchmal ist das event-Objekt nicht vorhanden nach dem laden. Firebug zeigt noch lange nicht alle Fehler. Wie rufe ich delegateEvents? Ist es nur das.delegateEvents ? oder etwas anderes.
    • was zu erklären ist, dass Sie sollten nicht wieder diese zuordnen.el, weil Sie dann Los, die delegation Magie. Also in dem Fall, wo Sie bereits ein element auf der Seite, du musst es aqs eine option, um die Ansicht zu haben, die delegation zu arbeiten.
    • ja, das.delegateEvents(). Die andere Sache, die Sie überprüfen können, ist ziemlich offensichtlich:sind die Selektoren auswählen nichts einmal Ihrer Ansicht gerendert wird. Auch die delegation arbeitet, indem Sie Ereignisse hinzufügen, um das base-element ( live arbeitet mit den Ereignissen auf dem Körper, zum Beispiel) und beruht auf der Ausbreitung von Ereignissen. Also, wenn Sie el.delegate('click', 'button') das Ereignis wird an el und wenn das Ereignis Blase bis zu diesem element jquery prüfen, ob ein match von 'Knopf' auf dem Ziel-element.
    • ahhh... guter Punkt. Allerdings, Wann würden Sie zuweisen möchten, die dem element einen Blick? Ich kann nicht denken Sie an einen Fall, wenn Sie wollen, um zu tun.
    • Wenn Sie nicht wissen, wie Rückgrat funktioniert 🙂
    • danke für die Klarstellung, ich hatte zum zuweisen von live-Veranstaltungen außerhalb der .el-element und Frage mich, warum es nicht funktioniert!
    • Brauchte nur zu rufen delegateEvents wieder da würd ich ersetzt die el. Boom, danke.

    InformationsquelleAutor
  2. 12

    Mein Ansatz in diesen Szenarien ist das hinzufügen delegateEvents() im Rendern von jeder Ansicht, die ein Ereignis wie das folgende:

      $(this.el).empty();
  $(this.el).html(this.template({}));
  this.delegateEvents(); //this will bind all events ONCE AGAIN

    Dies ist ideal für die Aussicht besonders dynamisch erstellt, d.h. Ansichten, die deklariert sind neu unter jedem Klick oder so...

    • eek...kümmern Sie sich nicht lecken Ereignis-bindings. ich denke, das wird passieren, wenn Sie wiederholt Bindung (delegateEvents-ing), aber nicht unverbindlich vorherigen Bindungen.
    • Anrufe empty "das entbindet alle jQuery-events auf allen Kind-Knoten". Müssen Sie rufen Sie delegateEvents in dieser situation jedes mal, oder verwenden Sie setElement (siehe Artikel).
    • auch delegateEvents Anrufe undelegateEvents vor der Delegation der events hash.
    • mit view.remove() rufen Events.stopListening
    InformationsquelleAutor Varand Pezeshkian
Schreibe einen Kommentar