jquery dialog对话框 按钮设置焦点

dialog对话框中的指定button按钮获取焦点,

jquery ui中的dialog 添加的button按钮默认是第一个按钮获取焦点,如何自己指定那个button按钮获取焦点

$('<div id="dialog-confirm">111</div>').dialog({
		resizable : false,
		modal : true,
		width : 200,
		buttons : {
			"OK" : function() {
				$(this).dialog("close");
			},
			"Cancel" : function() {
				$(this).dialog("close");
			}
		},
		close: function () { 
			$(this).remove();
		}
	});
$($('#dialog-confirm').siblings(".ui-dialog-buttonpane").find('button:eq(1)')).focus();

其中最后一句是设置第二个button获取焦点。

还要注意dialog对话框关闭的时候要手动删除要不然弹出的对话框是不会主动销毁的,需要在close方法中调用$(this).remove();方法。

 

来源://作者:/更新时间:2014-11-20
相关文章
评论:
验证码:
匿名评论: