jQuery实现dialog设置focus焦点的方法
更新时间：2015年06月10日 12:42:48 作者：spring21st
这篇文章主要介绍了jQuery实现dialog设置focus焦点的方法,涉及jQuery针对dialog的操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下：
当弹出对话框，默认我们应该将焦点定位到输入的文本框，但是在dialog.show()之前写上$("#txtGroupName").focus();无法生效。
查看jQuery的官方文档后，发现dialog提供了一个focus的参数，ok，试试先~~
//显示新建项目群组对话框
function showCreateProjectGroupDialog(i) {
$("#layout-createProjectGroup-pane").show().dialog({
modal: true
, title: lmslang.listProjectGroup_Create
, width: 450
, overlay: {
opacity: 0.5
}
, focus: function(ev, data) {
$("#txtGroupName").focus();
}
, buttons: {
"保存": function() {
var name = el("txtGroupName").value;
var description = el("txtDescription").value;
var b = $("#fgroup").valid();
if (b) {
createGroupJson();
closeCreateGroupDialog();
} else {
showError(lmslang.formValidate_Error);
}
}
, "取消": function() {
closeCreateGroupDialog();
}
}
});
}
//隐藏新建项目群组对话框
function closeCreateGroupDialog(){
$("#layout-createProjectGroup-pane").dialog("close");
}
搞定！O(∩_∩)O..
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jackson解析json字符串,首字母大写会自动转为小写的方法
下面小编就为大家分享一篇jackson解析json字符串,首字母大写会自动转为小写的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
jQuery 在现在的Web开发项目中扮演着重要角色，jQuery 让网站有更好的可用性和用户体验，让访问者对网站留下非常好的印象2012-03-03
这篇文章主要为大家详细介绍了jquery实现点击弹出对话框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要为大家解决下为什么jQuery绑定事件不执行而alert后可以正常执行,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了使用jQuery调用XML实现无刷新即时聊天的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
基于jquery实现的上传图片及图片大小验证、图片预览效果代码，需要的朋友可以参考下。2011-04-04
我们经常需要在前台页面输入关键词进行数据的搜索这已经成为了一种习惯今天给大家分享一下如何使用 jQuery，MySQL和Ajax创建简单和有吸引力的Ajax搜索,感兴趣的你可不要错过了哈2013-02-02
JqueryMobile动态生成listView并实现刷新的两种方法
本篇文章主要是对JqueryMobile动态生成listView并实现刷新的两种方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
本文给大家整理了9款基于jQuery的图片滑块焦点图插件，效果都非常炫酷，演示和下载地址都给大家整理好了，有需要的小伙伴直接拿走吧，不用跟我客气^_^2014-12-12
本文用代码的方式详细讲解了jQuery的DOM操作,具体操作方法请详细参看代码中的注释部份2014-03-03
最新评论