javascript - Y.Node addTarget 事件不冒泡

Question

为什么我的事件没有在 foo 中触发并冒泡到 bar？

var foo = Y.one(".foo"),
    bar = Y.one(".bar");

foo.addTarget(bar);

foo.on("myEvent", function () {
    //this log statement executes
    Y.log("In foo listener");
});

bar.on("myEvent", function () {
    //this log statement doesn't execute.
    //I don't understand why.  I think it
    //should because I expect myEvent to 
    //bubble from foo to bar since I used
    //addTarget
    Y.log("In bar listener");
});

foo.fire("myEvent");

JS fiddle :http://jsfiddle.net/steaks/tJnLf/

Answer 1

您必须从 foo 发布 myEvent 并将 emitFacade 设置为 true。 http://yuilibrary.com/yui/docs/event-custom/#facade

http://jsfiddle.net/tJnLf/27/

YUI().use('event-custom', 'node', function(Y) {
    Y.on('domready',function(e) {   
        var foo = Y.one(".foo"),
            bar = Y.one(".bar");

        foo.publish("myEvent", {
            emitFacade: true
        });

        foo.addTarget(bar);

        foo.on("myEvent", function () {
            Y.log("In foo listener");
        });

        bar.on("myEvent", function () {
            Y.log("In bar listener");
        });

        foo.fire("myEvent");
    });
});