apsx-jquery控制自动消失的弹出框

问题描述

jquery控制自动消失的弹出框

我在实现弹出框自动消失这个功能时,遇到一个问题,就是我点击一下button,会执行一次“出现-消失”一次,但是如果我连按很多次button,它会一直执行“出现-消失”按的次数次,怎么解决?

 function MsgBoxShow()
        {
            $("#DivMsgBox").fadeIn();
            $("#DivMsgBox").fadeOut(2500);
        }

解决方案

fadeIn之前先判断这个box是否存在,这样应该就不会多次了

解决方案二:

  • (void)timerFireMethod:(NSTimer*)theTimer//弹出框
    {
    ? ? UIAlertView promptAlert = (UIAlertView)[theTimer userInfo];
    ? ? [promptAlert dismissWithClickedButtonIndex:0 animated:N......
    答案就在这里:弹出框自动消失
    ----------------------

解决方案三:

可以先disable掉按钮,再fadeOut()的callback函数里再enable回,假设按钮ID为btn

 function MsgBoxShow() {
    $("#btn").attr("disabled", "disabled");
    $("#DivMsgBox").fadeIn();
    $("#DivMsgBox").fadeOut(2500, funcation(){
            $("#btn").removeAttr("disabled");
        });
}

当然,如果有手动隐藏弹出框,也要记得再相应的代码里加上$("#btn").removeAttr("disabled");

解决方案四:

在上面做一个时间的判断 DivMsgbox在1秒或者2秒才有一次动作.

时间: 2025-01-21 11:02:46

apsx-jquery控制自动消失的弹出框的相关文章

Android 仿微信朋友圈点赞和评论弹出框功能_Android

贡献/下载源码:https://github.com/mmlovesyy/PopupWindowDemo 本文简单模仿微信朋友圈的点赞和评论弹出框,布局等细节请忽略,着重实现弹出框.发评论,及弹出位置的控制. 1. 微信弹出框 微信朋友圈的点赞和评论功能,有2个组成部分: 点击左下角的"更多"按钮,弹出对话框: 点击评论,弹出输入框,添加评论并在页面中实时显示:   微信朋友圈点赞和评论功能 2. 实际效果 本文将建一个 ListView,在其 Item 中简单模仿微信的布局,然后着重

jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)_jquery

对于 Boxy弹出框的使用之前写过一些文章(查看jquery.boxy基础),今天主要是在解决一个需要之后,觉得值得把它记录下来,所以就再写一篇,主要功能是,在弹出对话框后,隔N秒后自动隐藏,还有就是自动跳转! 效果如图:  而所封装的代码如下: 复制代码 代码如下: // boxy对话框扩展 var Boxy_Extensions = { options: { title: '艺吧提示', closeText: 'x' }, //弹出后N秒后隐藏 alertDelayFun: function

Jquery实现鼠标移上弹出提示框、移出消失思路及代码_jquery

思路: 1.首先要定位实现这种效果的元素 ,本次通过class 2.如果是动态显示不同的提示内容,需设置title 3.通过JQ给定位到元素加上 mouseover 和mouseout 事件 4.再完善下,弹出框跟随鼠标在目标元素上移动 5.再把 mouseover .mouseout 合并成 hover 复制代码 代码如下: //页面加载完成 $(function () {     var x = 10;     var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标     $(

四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现

原文:四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现  虽然说现在官方的自带插件已经有很多了,但是有时候往往不能满足我们的需求,下面我简单介绍一些 常见的四种提示弹出框(success,loading,error,warning),我分别用原生JavaScript和jQuery来介绍分享给各位博友! 一.首先介绍原生JavaScript来实现四种提示弹出框: 第一步:先看看html的建立 <!DOCTYPE htm

使用jquery实现鼠标滑过弹出更多相关信息层附源码下载_jquery

当要在有限的空间展示更多的信息时,我们经常会采取鼠标滑过弹出更多相关信息层,提高互动性.尤其可以应用在公司照片墙.招聘网站求职者信息展示等等场景. 本文结合实例和大家分享下使用jQuery实现滑过图片展示信息效果.当鼠标滑向照片时,会弹出对应的照片的详细介绍信息,请看演示效果: 效果展示     源码下载 HTML 首先我们准备页面素材,页面上由多组图片<li>密集组成,同时有图片对应的相关说明信息,用于展示详细信息效果. <div class="demo">

鼠标移到某一元素则在元素旁边出现弹出框(JQuery)

   类似于当当网的发货以后的那个发货反馈,鼠标移上去后自动会弹出一个框,位置随位置的改变而改变,代码如下:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&qu

使用jquery制作弹出框效果

 非常不错的国产JS弹出框插件,由前端工程师alien开发,提供多种类型的自定义对话框,使用方法简单,浏览器兼容性好,支持的弹出框模式有: alert:普通提示(警告)对话框 confirm:询问(确认)对话框 message:简单消息对话框(无title.无按钮) iframe:在对话框中嵌入一个iframe tip:带有小三角指向的小tip dialog:最基础的自定义对话框 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2

JQuery插件fancybox无法在弹出层使用左右键的解决办法

 本篇文章主要是对JQuery插件fancybox无法在弹出层使用左右键的解决办法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 JQuery插件fancybox解决无法在弹出层使用左右键的问题.无法使用的原因在于,插件接管了左右键,用于多张图片的翻页.   如果不需要这个功能,可以在fancybox插件中,禁止接管就好了.   具体在插件下的js文件 jquery.fancybox-1.3.4.js 中的598行,注释掉就好了.   // _set_navigation();   

jQuery在iframe中无法弹出对话框的解决方法

如果在iframe中使用则弹不出对话框,而有时候我们还必须得使用iframe而不能用jQuery的load方式,下面有个不错的处理方法,希望对大家有所帮助 jQuery的弹出框使用很方便,但是如果在iframe中使用则弹不出对话框,而有时候我们还必须得使用iframe而不能用jQuery的load方式,这个时候就需要处理这个问题. 其实也非常简单,思路就是让iframe的父窗口弹出这个对话框.例如: parent.confirmDialog(); 这样就可以用了.不是什么有技术含量的问题,记下来