jQuery实现dialog设置focus焦点的方法


Posted in Javascript onJune 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
?牟┛途W扣了一??效果出?? target=
May 27 Javascript
javascript radio 联动效果
Mar 04 Javascript
javascript 同时在IE和FireFox获取KeyCode的代码
Feb 07 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
JS制作简单的三级联动
Mar 18 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
Jul 09 Javascript
jQuery替换textarea中换行的方法
Jun 10 #Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 #Javascript
JavaScript中getUTCMinutes()方法的使用详解
Jun 10 #Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 #Javascript
jQuery获取页面元素绝对与相对位置的方法
Jun 10 #Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 #Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 #Javascript
You might like
php基础知识:控制结构
2006/12/13 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
详解php中反射的应用
2016/03/15 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
bootstrap输入框组代码分享
2016/06/07 Javascript
node.js express安装及示例网站搭建方法(分享)
2016/08/22 Javascript
vue数据更新UI不刷新显示的解决办法
2020/08/06 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
Python做简单的字符串匹配详解
2017/03/21 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
Pytorch之parameters的使用
2019/12/31 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
python主要用于哪些方向
2020/07/05 Python
python如何调用百度识图api
2020/09/29 Python
英国复古服装购物网站:Collectif
2019/10/30 全球购物
瑞典香水、须后水和美容产品购物网站:Parfym-Klick.se
2019/12/29 全球购物
Java语言程序设计测试题判断题部分
2013/01/06 面试题
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
求职者简历中的自我评价
2013/10/20 职场文书
俄语专业毕业生推荐信
2013/10/28 职场文书
大三预备党员入党思想汇报
2014/01/08 职场文书
材料化学专业求职信
2014/07/15 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
煤矿百日安全活动总结
2015/05/07 职场文书
电影地道战观后感
2015/06/04 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python