本文展示了如何使用jQuery dialog实现对话框获取焦点，并详细解释了在dialog中设置焦点到特定文本框（例如#carOrNot）的方法。在jQuery代码示例中，对话框初始化时会清除输入值，并在打开时自动将焦点设为#carOrNot元素。此外，还介绍了关闭对话框时的相关操作。这对于提升用户交互体验十分有用。
本文实例讲述了jquery dialog获取焦点的方法。分享给大家供大家参考，具体如下：
$(document).ready(function () {
//初始化新增申请对话框
$("#addBusinessTrip").dialog({
open: function (event, ui) {
$(':input', '#addBusinessTripForm').not(':button, :submit, :reset, :hidden').val('');
$("#addBusinessTripForm").validationEngine({
inlineValidation: false,
success: false,
failure: function () {
callFailFunction();
}
});
},
focus: function (event, ui) {
comsole.log("dsfhsdj");
$("#carOrNot").focus();//修改焦点
},
close: function (event, ui) {
//清空提示信息
$('#addBusinessTripForm').validationEngine('hideAll');
},
autoOpen: false,
width: 480,
modal: true,
buttons: {
"确定": function () {
var valid = $('#addBusinessTripForm').validationEngine('validate');
if (valid == true) {
newOrEditAjax();
} else {
//alert("验证失败！！");
}
},
"取消": function () {
$(':input', '#addBusinessTripForm').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected');
$(this).dialog("close");
}
}
});
});
希望本文所述对大家jQuery程序设计有所帮助。
165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
