jQueryUI对话框，滑动方向

Question

5

我正在使用jQuery对话框，并希望在显示时进行滑动。我如何指定滑动的方向？

$('.selector').dialog({ show: 'slide' });

- Jourkey

4个回答

3

为了控制方向，你可以使用 'slideUp'/'slideDown' 代替 'slide'。

$('.selector').dialog({ show: 'slideDown', hide: 'slideUp' });

- ClearCloud8

2

我是这样解决问题的：我编辑了UI文件“jquery-ui-1.7.2.custom.min.js”中的对话框部分。

原始代码：

d.show(e.show);// <--or iDialog.show(options.show) in ui.dialog.js

修改后的代码：

d.show(e.show,e.showOpt); // or iDialog.show(options.show,options.showOpt) in ui.dialog.js

我创建了一个对话框，添加了一个新参数"showOpt"，可以包含jQuery效果选项。

$j( "#dialog_box" ).dialog({
    modal: true,
    width:500,
    height:500,
    show: "slide",
    showOpt: {direction: 'up'}
    });

- Penny

2

考虑到这些链接：

- Pascal MARTIN

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- TrystanC · Accepted Answer

在我的情况下，这对于 JQuery 2 和 JQuery UI 1.11 是有效的：

$("#dialog").dialog({show: {effect:"slide", direction:"right"}})

请注意，“right”方向是从右向左滑动的。