javascript - Enyo的DragAvatar

Question

我将http://enyojs.com/api/#enyo.DragAvatar中的示例代码复制到一个 jsfiddle 中以启动并测试它。现在 dragAvatar 甚至不会出现，我不知道为什么不出现。如果我将图像放在 de dragavatar 之外，它会显示出来，所以它不是图像 url...

http://jsfiddle.net/joopmicroop/qsSCU/

enyo.kind({
    name: "App",
    handlers: {
        ondrag: "drag",
        ondragfinish: "dragFinish",
    },
    components: [
        {name:"dragAvatar", kind:"enyo.DragAvatar", showing:true, components: [
            {kind:'enyo.Image', src:'http://s9.postimage.org/h3t5cbidn/enyo_icon.jpg'}]
        }
    ],
    drag: function(inSender, inEvent) {
        this.$.dragAvatar.drag(inEvent);
    },
    dragFinish: function(inSender, inEvent) {
        //this.$.dragAvatar.hide();
    }           
});​

Answer 1

您的问题是'showing: true'kind 声明中的声明。DragAvatar 直到第一个拖动事件才呈现，因此没有可显示的内容。但是，当它确实显示头像时，它会看到显示已经设置为 true，实际上并没有显示它。如果您删除该行（并取消注释对 的调用hide()），那么当您在“结果”面板上拖动时，您将看到头像出现。