jqueryui对话框,幻灯片方向
我正在使用jquery对话框,并希望放映幻灯片。如何指定幻灯片的方向jqueryui对话框,幻灯片方向,jquery,jquery-ui,Jquery,Jquery Ui,我正在使用jquery对话框,并希望放映幻灯片。如何指定幻灯片的方向 $('.selector').dialog({ show: 'slide' }); 考虑到这些联系: -(2009年5月,所以不是老的) - 至少在当前版本中,这似乎是不可能的…我通过以下方式解决问题: 我已经在对话框部分编辑了用户界面文件“jquery-UI-1.7.2.custom.min.js” 原始代码: d.show(e.show);// <--or iDialog.show(options.show) in
$('.selector').dialog({ show: 'slide' });
考虑到这些联系: -(2009年5月,所以不是老的) -
至少在当前版本中,这似乎是不可能的…我通过以下方式解决问题: 我已经在对话框部分编辑了用户界面文件“jquery-UI-1.7.2.custom.min.js” 原始代码:
d.show(e.show);// <--or iDialog.show(options.show) in ui.dialog.js
我创建了一个对话框,添加了一个新参数“showOpt”,它可以包含jquery效果选项
$j( "#dialog_box" ).dialog({
modal: true,
width:500,
height:500,
show: "slide",
showOpt: {direction: 'up'}
});
要控制方向,可以使用“slideUp”/“slideDown”而不是“slide”
$('.selector').dialog({ show: 'slideDown', hide: 'slideUp' });
这对我来说适用于JQuery 2和JQuery UI 1.11:
$("#dialog").dialog({show: {effect:"slide", direction:"right"}})
请注意,“右”方向从右向左滑动
$("#dialog").dialog({show: {effect:"slide", direction:"right"}})