在 Dojo 中加速 TitlePane 的动画
Speed up animation of TitlePane in Dojo
我正在尝试加快或删除 Dojo 中标题窗格的 wipeIn 和 wipeOut 动画。单击标题栏后,内容应立即出现。在其他框架中,我会修改动画速度或持续时间,但到目前为止我在 dojo 中没有成功。我也试过覆盖动画,但没有成功。
这是(简化的)我创建 TitlePane 的方式:
require(["dijit/TitlePane", "dojo/dom-construct"], function(TitlePane, domConstruct){
var titlePaneOptions = {};
titlePaneOptions.title = "Some Title";
titlePaneOptions.open = true;
titlePaneOptions.content = "Content";
this._titlePane = new TitlePane(titlePaneOptions);
domConstruct.place(this._titlePane.domNode, this.context.element, "only");
this._titlePane.startup();
});
检查 API 文档 TitlePane,在 属性 摘要下,有一个 duration
:
duration - Time in milliseconds to fade in/fade out
例如:
var titlePaneOptions = {};
titlePaneOptions.title = "Some Title";
titlePaneOptions.open = true;
titlePaneOptions.content = "Content";
titlePaneOptions.duration = 0;
..应该立即appear/disappear。
我正在尝试加快或删除 Dojo 中标题窗格的 wipeIn 和 wipeOut 动画。单击标题栏后,内容应立即出现。在其他框架中,我会修改动画速度或持续时间,但到目前为止我在 dojo 中没有成功。我也试过覆盖动画,但没有成功。
这是(简化的)我创建 TitlePane 的方式:
require(["dijit/TitlePane", "dojo/dom-construct"], function(TitlePane, domConstruct){
var titlePaneOptions = {};
titlePaneOptions.title = "Some Title";
titlePaneOptions.open = true;
titlePaneOptions.content = "Content";
this._titlePane = new TitlePane(titlePaneOptions);
domConstruct.place(this._titlePane.domNode, this.context.element, "only");
this._titlePane.startup();
});
检查 API 文档 TitlePane,在 属性 摘要下,有一个 duration
:
duration - Time in milliseconds to fade in/fade out
例如:
var titlePaneOptions = {};
titlePaneOptions.title = "Some Title";
titlePaneOptions.open = true;
titlePaneOptions.content = "Content";
titlePaneOptions.duration = 0;
..应该立即appear/disappear。