javascript - 是否可以对 jQuery UI 对话框小部件的显示/隐藏方法进行更精细的控制？

Question

目前，在使用 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 找到了一个可能应该在主线中的版本。如果有人知道，请纠正我。

score 2 · Accepted Answer

实际上，您可以使用任何 jQuery UI 效果；例如脉动：

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

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

请注意，它依赖于 effects.core.js。

我尝试将一个选项（就像你做的那样）传递给“显示”，它没有用。我还试图让“显示”成为一个功能，但没有运气。

然而有效的是：

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

score 1 · Accepted Answer

1

这目前在 1.6 和 1.7.1 中是不可能的。

于 2009-05-04T06:12:50.940 回答

score 0 · Accepted Answer

您可能会发现此对话框示例链接很有用。尤其是右边第二个。我不确定它是否使用标准对话插件，但您应该能够从他们使用的示例中弄清楚。

3 回答 3