信鸽网

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

  作者：bea

本文实例讲述了jQuery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下： 当弹出对话框，默认我们应该将焦点定位到输入的文本框，但是在dialog.show()之前写上$("#txtGroupName").focus();无法生效。 查看jQuery的官方文档后，发现dialog提供了一个focus的参数，ok，试试先~~ //显示新建项目群组对话框 function showCreateProjectGroupDialog(i) { $

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




有用  |  无用

猜你喜欢

您可能感兴趣的文章: