jquery ui dialog替代confirm執行個體分析，jqueryconfirm

jquery ui dialog替代confirm執行個體分析，jqueryconfirm

本文執行個體講述了jquery ui dialog替代confirm的方法。分享給大家供大家參考，具體如下：

js的confirm，有的瀏覽器會直接屏蔽掉，導致功能無法使用，推薦使用jquery ui 的dialog功能，完美替換confirm功能

1、html代碼

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

把上面代碼放到公用的地方

2、類比confirm js代碼

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');        }      }     });  }}

定義了一個方法confirm_act，放到公用js檔案中，第一個參數，彈層的ID，第二個參數是提示訊息，第三個，是回呼函數。
注意，調用回呼函數時，要用js的call()函數，這個回呼函數可以帶參數，也可以再包含回呼函數。

3、回調js代碼

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

4、怎麼調用

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

注意，如果函數中要傳this，注意要重新定義。