Rumah > hujung hadapan web > tutorial js > jQuery melaksanakan kaedah menetapkan fokus dalam dialog_jquery

jQuery melaksanakan kaedah menetapkan fokus dalam dialog_jquery

WBOY
Lepaskan: 2016-05-16 15:55:54
asal
1147 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara jQuery melaksanakan fokus tetapan dialog. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Apabila kotak dialog muncul, secara lalai kita harus memfokuskan pada kotak teks input, tetapi menulis $("#txtGroupName").focus(); sebelum dialog.show() tidak akan berkuat kuasa.

Selepas menyemak dokumentasi rasmi jQuery, saya dapati dialog menyediakan parameter fokus, ok, cuba dulu~~

//显示新建项目群组对话框 
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"); 
} 

Salin selepas log masuk

Selesai! O(∩_∩)O..

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan