引用样式表和js插件
<link rel="stylesheet" href="css/jquery.dialog.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.dialog.js"></script>
触发按钮事件
$("#js_alertPic").on("click",function(){
var obj = '<img src="images/apic17427.jpg"/>';
$(obj).dialog({
title : "jQueryfuns",
buttons: {
"确定":function(){
alert("ok")
},
"取消" : function(){
alert("cancel")
}
},
});
});
$("#js_alert").on("click",function(){
jAlert('www.jqueryfuns.com',function(){
alert("确定的回调");
},"jQueryfuns");
});
$("#js_confirm").on("click",function(){
jConfirm('www.jqueryfuns.com',function(){
alert("确定的回调");
},"jQueryfuns");
});
$("#js_prompt").on("click",function(){
jPrompt('请输入jQueryfuns的网址','http://www.jqueryfuns.com',function(event,val){
alert(val);
},"jQueryfuns");
});
$("#js_wait").on("click",function(){
jWait('数据加载中');
});