javascript - 是否可以更精细地控制 jQuery UI Dialog Widget 的显示/隐藏方法?

标签 javascript jquery jquery-ui dialog effects

目前,我似乎只能在使用对话框小部件时以最基本的形式使用效果。例如,下面将使用拖放效果来显示和隐藏对话框:

$('#dialog').dialog({show:'drop', hide:'drop'});

但是,drop 方法的默认值始终落在左侧。我真正想要的是让它落到右边。像这样:

$('#dialog').dialog({
   show:{effect:'drop', direction:'right'},
   hide:{effect:'drop', direction:'right'}
});

这可能吗?

我目前使用的是 1.6rc6。我也尝试过 1.5.3(稳定版)但没有任何运气。


深入研究源代码后,我认为版本 1.5.3 和 1.6rc* 均不支持此功能。在支持上述功能之前,可能需要更改 API。 Steerpike 找到了 version那可能应该在主线上。如果有人不知道,请纠正我。

最佳答案

实际上,您可以使用任何 jQuery UI 效果;例如脉动:

$("#dialog").dialog({ show: "pulsate" });

这里有很多东西可以找到:http://docs.jquery.com/UI/Effects/

请注意,存在对 effects.core.js 的依赖。

我尝试将一个选项(就像您所做的那样)传递给“显示”,但没有成功。我还尝试让“显示”成为一个功能,但没有成功。

然而有效的是:

$("a").click(function() {
    $("#dialog").hide("drop", { direction: "right" }, 1000);
});

关于javascript - 是否可以更精细地控制 jQuery UI Dialog Widget 的显示/隐藏方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/531344/

相关文章:

javascript - 数组构造函数 "new Array()"可以被恶意代码覆盖和替换,如何?

javascript - 在构造函数中激活 knockout

javascript - 在 jquery asp.net mvc 中选中复选框时更改下拉列表值

jquery - jQuery 设置复选框在 IE6 中选中时出现问题(未显示为选中状态?)

javascript - jQuery 动态添加 javascripts 标签关闭按钮

javascript - 如何使用 jquery isotope 按日期排序(新)

Javascript - 提取跨度值

javascript - jQuery 不会在 select 标签内添加附加选项标签

jquery - 仅在 Y 轴上更改 CSS 背景位置

javascript - 为什么我的 .infobox 在放大或缩小时没有调整到父级?