我有一个.on(“点击”...事件来打开一个对话框。
问题是,对话框的打开关闭了用户刚刚单击的选择。
如何停止关闭选择列表?我在FF16和jqueryui1.9上测试
下面是这个问题的一个例子和JSfiddle:http://jsfiddle.net/HqfvP
$(function(){
$('#theDialog').dialog( {
autoOpen : false,
resizable : false,
stack : false, position: ['right','center']
});
$("#theSelect").on("click", function(){
$(".ui-dialog-content").dialog("close");//closes all open dialogs
$('#theDialog').dialog("open");
});
});
发布于 2012-11-20 23:37:42
选择选项关闭的原因是因为.dialog("open")
会自动将焦点设置到对话框上的某个元素。不希望将焦点设置在新打开的对话框上是一种不常见的用例,因此您必须进行一些定制:http://jsfiddle.net/HqfvP/3/
链接的代码看起来可能已经做了很多工作,但实际上并不是很难想出: 1.像这样扩展jQuery对话框:
$.widget("ui.my_dialog", $.ui.dialog, {
});
将对.my_dialog
.dialog
函数的所有open
引用从jQuery UI source更改为我的新open
.
重命名open_nofocus
(或其他名称),并更新jQuery的使用
https://stackoverflow.com/questions/13375777
复制相似问题