是否可以更精细地控制jQuery UI Dialog Widget的show / hide方法?

时间:2009-02-10 07:20:04

标签: javascript jquery jquery-ui dialog effects

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

$('#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可能应该在主线上。如果有人不知道,请纠正我。

3 个答案:

答案 0 :(得分:2)

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

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

这里有很多内容:http://docs.jquery.com/UI/Effects/

请注意,依赖于effects.core.js。

我尝试将一个选项(就像你做的那样)传递给'show',它没有用。我也试图让'show'成为一个功能,没有好运。

然而,有效的是:

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

答案 1 :(得分:1)

1.6和1.7.1目前无法实现这一目标。

答案 2 :(得分:0)

您可能会发现此dialog box examples链接很有用。特别是右起第二个。我不确定它是否使用标准对话插件,但您应该能够从他们使用的示例中找出它。