如何在按钮事件中更改jQuery效果持续时间

时间:2014-02-25 17:55:10

标签: jquery jquery-ui jquery-ui-dialog

我在show和hide上设置了我的UI对话框效果:

show: {
  effect: "blind",
  duration: 600
},
hide: {
  effect: "explode",
  duration: 1000
},

我也有几个按钮,我想用关闭对话框按下它们设置不同的效果。问题是效果显得过快。

这是我的按钮代码:

buttons: {
  Yes: function () {
    $(this).dialog("option", "hide", "explode").dialog("close");
  },

如何在方法.dialog("option",...,...)中设置效果持续时间?

1 个答案:

答案 0 :(得分:4)

您可以将定义效果和持续时间的对象作为第三个参数传递:

buttons: {
    Yes: function () {
        $(this).dialog("option", "hide", {
            effect: "explode",
            duration: 100
        }).dialog("close");
    },

请参阅此Fiddle了解演示