ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryは、dialog_jqueryにフォーカスを設定するメソッドを実装します。

jQueryは、dialog_jqueryにフォーカスを設定するメソッドを実装します。

WBOY
リリース: 2016-05-16 15:55:54
オリジナル
1146 人が閲覧しました

この記事の例では、jQuery がダイアログ設定フォーカスを実装する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

ダイアログ ボックスが表示されると、デフォルトでは入力テキスト ボックスにフォーカスする必要がありますが、dialog.show() の前に $("#txtGroupName").focus(); を書いても効果はありません。

jQuery の公式ドキュメントを確認したところ、ダイアログに focus パラメータが用意されていることがわかりました。まずは試してみてください~~

//显示新建项目群组对话框 
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 プログラミングに役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート