dialog jquery ui menggantikan confirm instance analysis_jquery

Contoh dalam artikel ini menerangkan cara dialog jquery ui menggantikan pengesahan. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Sesetengah penyemak imbas akan terus menyekat fungsi pengesahan js, menjadikan fungsi itu tidak boleh digunakan. Adalah disyorkan untuk menggunakan fungsi dialog jquery ui untuk menggantikan fungsi pengesahan dengan sempurna

1. Kod html

<div id="confirm_dialog" title="提示" style="display:none;">
</div>

Letakkan kod di atas di tempat awam

2. Simulasikan kod js pengesahan

var common = {
  confirm_act:function(dialog_id,msg,callback) {
    $("#"+dialog_id).html("<p class='message'>"+msg+"</p>");
    $("#"+dialog_id).dialog({
      resizable: false,
      modal: true,
      overlay: {
        backgroundColor: '#000',
        opacity: 0.5
      },
      buttons: {
        '确认': function() {
          callback.call();
          $(this).dialog('close');
        },
        '取消': function() {
          $(this).dialog('close');
        }
      }
     });
  }
}

Kaedah confirm_act ditakrifkan dan diletakkan dalam fail js awam Parameter pertama ialah ID lapisan elastik, parameter kedua ialah mesej gesaan dan parameter ketiga ialah fungsi panggil balik.
Ambil perhatian bahawa apabila memanggil fungsi panggil balik, anda mesti menggunakan fungsi panggilan () js. Fungsi panggil balik ini boleh mengambil parameter atau menyertakan fungsi panggil balik.

3. Kod js panggil balik

var recommend = {
  delete: function(url,obj)
  {
    $.ajax({
      url: url,
      type: "get",
      success:function(data)
      {
        ............省略..........
      }
    });
  }
}

4. Cara memanggil

$('.recommended_delete').click(function(){
  var obj = this;  //重命名
  common.confirm_act('confirm_dialog',$(obj).attr('msg'),function(){recommend.delete($(obj).attr('url'),obj)});
});

Perhatikan bahawa jika anda ingin meneruskan ini dalam fungsi, pastikan anda mentakrifkan semula .

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas tapak ini: "Ringkasan pemalam dan penggunaan biasa jQuery"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.