首页>>Jquery文字>>手机弹出层插件 手机弹窗提示框，自定义弹窗内容，居左对齐显示(2018-01-24)

手机弹出层插件 手机弹窗提示框，自定义弹窗内容，居左对齐显示

手机弹出层插件 手机弹窗提示框，自定义弹窗内容，居左对齐显示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <ul class="show-list">  
  2.        <li id="demo1">toast</li>  
  3.        <li id="demo2">alert</li>  
  4.        <li id="demo3">confirm</li>  
  5.        <li id="demo4">prompt</li>  
  6.        <li id="demo5">点击按钮跳转</li>  
  7.        <li id="demo6">取消默认点击背景消失</li>  
  8.    </ul>  

 

JavaScript Code
  1. <script type="text/javascript">  
  2. $(function () {  
  3.     $('#demo1').click(function () {  
  4.         jqtoast('你点击了toast')  
  5.     })  
  6.     $('#demo2').click(function () {  
  7.         jqalert({  
  8.             title:'提示',  
  9.             content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等'  
  10.         })  
  11.     })  
  12.     $('#demo3').click(function () {  
  13.         jqalert({  
  14.             title:'提示',  
  15.             content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等',  
  16.             yestext:'知道了',  
  17.             notext:'取消'  
  18.         })  
  19.     })  
  20.     $('#demo4').click(function () {  
  21.         jqalert({  
  22.             title:'提示',  
  23.             prompt:'请问你叫什么名字?',  
  24.             yestext:'提交',  
  25.             notext:'取消',  
  26.             yesfn:function () {  
  27.                 jqtoast('提交成功');  
  28.             },  
  29.             nofn:function () {  
  30.                 jqtoast('你点击了取消');  
  31.             }  
  32.         })  
  33.     })  
  34.     $('#demo5').click(function () {  
  35.         jqalert({  
  36.             title:'提示',  
  37.             content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等',  
  38.             yeslink:'http://www.freejs.net/'  
  39.         })  
  40.     })  
  41.     $('#demo6').click(function () {  
  42.         jqalert({  
  43.             title:'提示',  
  44.             content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等',  
  45.             click_bg:false  
  46.         })  
  47.     })  
  48. });  
  49.    </script>  

 


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