3

我在动画序列期间遇到了 Dojo Dijit Dialog .hide() 方法的问题。我正在使用带有 Tundra 主题的 Dojo 1.7。我的对话框中有一个取消按钮,用于关闭对话框。

        var global_welcome = new Dialog({
            id: 'global_welcome',
                style: "width: 750px",
            draggable: false,

        content: '<button type="button" id="global_welcomeCancel"> Cancel </button>',
        onShow : function () {
                                on(dojo.byId('global_welcomeCancel'), "click", function (evt) {
                                    dojo.stopEvent(evt);
                                    global_welcome.hide();   
                                   });              
                                 });
        }
    });

这会在 Firebug 上产生以下错误:

exception in animation handler for: onEnd                  fx.js (line 152)

TypeError: this._fadeOutDeferred is undefined
this._fadeOutDeferred.callback(true);

先前对此错误的答案,但使用 destroyRecursive 而不是 hide 表明它与在动画完成之前被销毁的对话框有关。我尝试使用 dojo.hitch() 和 setTimeOut 但这似乎不起作用。另外令人费解的是,我第一次使用 global_welcome.show() (由另一个按钮调用)打开此对话框,然后按取消按钮,它可以正常工作。第二次和之后,它会产生上述错误消息。此外,右上角的 dojo 对话框的默认关闭按钮不会导致此错误。也许我可以让 onShow 调用关闭按钮调用的方法?

有人可以帮帮我吗?提前致谢!

4

1 回答 1

2

问题出在你的onShow方法上。您连接到单击事件以隐藏,但永远不要断开它。当您再次打开对话框时,您连接 click 方法以再次隐藏对话框。结果是当您第二次尝试关闭对话框时,将调用 hide 两次。由于动画已被销毁,因此第二次调用 hide 会引发错误。

试试这个:

var signal = on(dojo.byId('global_welcomeCancel'), "click", function (evt) {
    dojo.stopEvent(evt);
    signal.remove();
    global_welcome.hide();   
}); 
于 2012-10-01T23:49:27.953 回答