jQuery MiniUI

 找回密码
 立即注册
查看: 2243|回复: 3
打印 上一主题 下一主题

mini.alert的一个问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2013-10-26 10:19:48 |只看该作者 |倒序浏览
我记得有那个在屏幕的右上角提示一句话,比如说“请不要多次点击”,然后过1至2秒自动消失,不需要客户去点确定,这个怎么弄?谢谢!

Rank: 8Rank: 8

沙发
发表于 2013-10-28 09:28:49 |只看该作者
用mini.message()来做,里面放个html,并且用JS来控制内部显示内容,和关闭时间
html:
  1. <div id="htmlContent" style="padding-left:10px;display:none;">
  2.         <div>请不要多次点击</div>
  3.         <div id="count">3</div>
  4.     </div>
复制代码
JS:
  1. mini.parse();
  2.     var htmlContent = document.getElementById("htmlContent");
  3.     var time = parseInt(document.getElementById("count").innerHTML);
  4.     function htmlClick() {
  5.         htmlContent.style.display = "";
  6.         var win = mini.showMessageBox({
  7.             width: 250,
  8.             title: "关闭",
  9.             html: htmlContent,
  10.             showModal: false,
  11.             callback: function (action) {
  12.                
  13.             }
  14.         });
  15.         var s = setInterval(function () {
  16.             time -= 1;
  17.             document.getElementById("count").innerHTML = time
  18.             if (time == 0) {
  19.                 clearInterval(s);
  20.                 mini.hideMessageBox(win);
  21.             }
  22.         }, 1000)
  23.         

  24.     }
复制代码
大概是这个样子

Rank: 2

板凳
发表于 2013-11-12 23:41:31 |只看该作者
factory 发表于 2013-10-28 09:28
用mini.message()来做,里面放个html,并且用JS来控制内部显示内容,和关闭时间
html:JS:大概是这个样子 ...

这个有没有例子之类的?

Rank: 8Rank: 8

地板
发表于 2013-11-13 09:40:41 |只看该作者
524966159 发表于 2013-11-12 23:41
这个有没有例子之类的?

2楼的代码你复制下来不就是了么。
其他的demo参考http://www.miniui.com/demo/#src=messagebox.html

Archiver|普加软件

GMT+8, 2024-11-26 02:25 , Processed in 1.051300 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部