jquery Dialog Confirm

我们在实现譬如删除功能的时候，会加一个确认/取消对话框(confirm)，如

if( confirm('确定删除？') ) {
 // ok
} else {
 // cancel
}

这是浏览器自带的原生对话框，简单好用，但有时候为了美观，会需要用到第3方的插件来代替这个界面，比如我用到的Jquery Dialog UI

看了网上一些同学的实现方法，觉得实现的有些复杂，于是自己写了个简单易用的

function JQDConfirm(message,callbackFn) {
 $('<div class="f24aa88_dialog"><p>'message'</p><a href="javascript:;" οnclick="$(\'.f24aa88_dialog\').dialog(\'close\');eval('+callbackFn+');">确定</a> <a href="javascript:;" οnclick="$(\'.f24aa88_dialog\').dialog(\'close\');">取消</a></div>').dialog({ 
  modal: true
 });
}

// 点确认需要执行的函数
function deleteRows(argc) {
 // delete action 
}

// 调用方法
<a href="javascript:;" οnclick="JQDConfirm('确定删除？','deleteRows(9527)')">删除</a>

需要 jquery/jquery ui/jquery.ui.css 等相关库文件，其中的 f24aa88_dialog 可以自定义对话框样式。