首页>>Jquery文字>>jQuery对话框美化特效 包括输入值的回调(2017-07-22)

jQuery对话框美化特效 包括输入值的回调

jQuery对话框美化特效 包括输入值的回调

XML/HTML Code
  1. <button class="btn" id="js_alertPic">弹出一张图片</button>  
  2. <button class="btn" id="js_alert">Alert</button>  
  3. <button class="btn" id="js_confirm">Confirm</button>  
  4. <button class="btn" id="js_prompt">Prompt</button>  
  5. <button class="btn" id="js_wait">Wait</button>  

 

JavaScript Code
  1. <script>  
  2. $("#js_alertPic").on("click",function(){  
  3.     var obj = '<img src="images/apic17427.jpg"/>';  
  4.     $(obj).dialog({  
  5.         title : "freejs",  
  6.         buttons: {  
  7.             "确定":function(){  
  8.                 alert("ok")  
  9.             },  
  10.             "取消" : function(){  
  11.                 alert("cancel")  
  12.             }  
  13.         },  
  14.     });  
  15. });  
  16.   
  17. $("#js_alert").on("click",function(){  
  18.     jAlert('www.freejs.net',function(){  
  19.         alert("确定的回调");  
  20.     },"freejs");  
  21. });  
  22.   
  23. $("#js_confirm").on("click",function(){  
  24.     jConfirm('www.freejs.net',function(){  
  25.         alert("确定的回调");  
  26.     },"freejs");  
  27. });  
  28.       
  29. $("#js_prompt").on("click",function(){  
  30.     jPrompt('请输入freejs的网址','http://www.freejs.net',function(event,val){  
  31.         alert(val);  
  32.     },"freejs");  
  33. });  
  34.   
  35. $("#js_wait").on("click",function(){  
  36.     jWait('数据加载中');  
  37. });  
  38.       
  39. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_628.html