1、你肯定会有一个按钮点击事件Onclick（）之类的，点击可以弹出dialog,还会有一个div加载需要dialog的需要的数据等。
专注于为中小企业提供成都做网站、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业池州免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
2、$("#divId").dialog（{
里面类似easyui的dialog;
}）
3.点击事件在js添加一个$("#divId").dialog("open");
即可，希望可以帮助到你，望采纳!
有很多方法实现的，比如使用alert这种比较丑的弹框，比如
btn.click(function(){
window.alert('内容')
})；
或者是自己自定义的弹框，那这样的话你至少得套三个div，比如
div-----这个绝对定位到整个页面，如position:absolute;top:0;left:0;right:0;bottom:0;
div-----这个在父级元素上面做绝对定位，也就是弹框的位置
div/div----弹框内容
/div
/div
或者是jQuery UI本身所附带的对话框功能，那个百度就出来了，不过不建议用那个，感觉比较丑，还是自己写一个好看
当然你也可以试着引入其他的UI框架，比如boot都有对话框的功能，不过建议自己写，用jQuery写也比较简单
1、加上DIV弹出框
function AddRunningDiv() {
$("div class=\"datagrid-mask\"/div").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");
$("div class=\"datagrid-mask-msg\"/div").html("正在处理，请稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });
}
2、取消所弹出的DIV
function MoveRunningDiv() {
$("div[class='datagrid-mask']").remove();
$("div[class='datagrid-mask-msg']").remove();
}
