"Load" - event im "events" - Eigenschaft der Backbone-Sicht

Normalerweise jede Veranstaltung, die ich hören kann für jQuery kann ich auch warten Rückgrat. In anderen Worten, wenn ich:

var MyView = Backbone.View.extend();
var view = new MyView();
view.$el.html('<button>');
var onClick = function() {
    alert('woot!');
};

und ich will trigger onClick wenn die Schaltfläche geklickt wird, ich könnte tun:

$('button').on('click', onClick);

aber, denn ich bin mit Rückgrat würde ich stattdessen tun:

var MyView = Backbone.View.extend({
    events: {click: onClick}
});

Jedoch, dass funktioniert nicht mit dem load event des iframes, also wenn ich habe:

view.$el.html('<iframe src="www.stackoverflow.com"></iframe>');
var onLoad = function() {
    alert('woot!');
};

Ich tun kann:

$('iframe').on('load', onLoad);

aber ich kann das nicht:

events: {load: onLoad}

Meine Frage ist zweiteilig: 1) warum funktioniert das nicht und 2) gibt es eine Möglichkeit, das zu umgehen, aber immer noch verwenden Rückgrat ist events statt raw JQuery?

InformationsquelleAutor machineghost | 2015-08-25
  1. 4

    Den Ereignissen in events befestigt sind, mit delegateEvents und verwendet die delegation form von jQuery on. Aber on delegation funktioniert nur mit Ereignissen, die die Blase:

    In allen Browsern, die load, scroll, und error Veranstaltungen (z.B. auf einem <img> element) nicht Blase. [...] Solche Ereignisse werden nicht unterstützt für die Verwendung mit der delegation, aber Sie können verwendet werden, wenn die event-handler direkt an das element, der das Ereignis generiert hat.

    So ein load Ereignis in der events Objekt nicht etwas für Sie tun, weil load nicht sprudeln dem DOM, so dass es nicht Arbeit mit event-delegation.

    Sie es manuell zu tun (vielleicht mit this.$('iframe').on richtig zu isolieren, es zu iframes innen Ihre view el) oder mit einer separaten Ansicht für die <iframe>. Letzteres funktioniert, weil, wenn Sie nicht über einen Selektor in events:

    events: {
    load: 'handler'
}

    dann das Ereignis gebunden ist, direkt zur Ansicht el. Wenn Sie eine Ansicht wie diese:

    var V = Backbone.View.extend({
    tagName: 'iframe',
    attributes: {
        src: 'http://example.com'
    },
    events: {
        load: 'loaded'
    },
    loaded: function() {
        //This should get called.
    }
});

    dann die el wird <iframe src="http://example.com"></iframe> und die load Ereignis gebunden wird, direkt zu, dass <iframe>. Dies kann oder kann nicht arbeiten, je nachdem, was genau Sie brauchen den event-handler zu tun.

    InformationsquelleAutor mu is too short
Schreibe einen Kommentar