手机移动端alert替换方案

最新推荐文章于 2020-11-20 13:39:01 发布

weixin_30609331

最新推荐文章于 2020-11-20 13:39:01 发布

阅读量392

点赞数

原文链接：http://www.cnblogs.com/skmtpsh/p/4633809.html

版权

//alert 
;(function () { 
    var AlertBox = function (options){
        this.defaults = {
            title:"",
            callback:null
        },
        this.options = $.extend({}, this.defaults, options);
    };
    AlertBox.prototype = {
        constructor: AlertBox,
        init:function(){
            var teml = "";
            teml=teml+'<div id="alertbox">';
            teml=teml+'        <p id="msgA">'+this.options.title+'</p>';
            teml=teml+'</div>';
            if($("#alertbox").length===0){
                $("body").append(teml);
            }else{
                $("#alertbox>#msgA").html(this.options.title);
            }
            $("#alertbox").stop(1,1).fadeIn();
            setTimeout(function (){
                $("#alertbox").stop(1,1).fadeOut();
            }, 2000);
            if(typeof (this.options.callback)=="function"){
                this.options.callback();
            }
        }
    };
    $.AlertBox=function(options){
        var alertBox = new AlertBox(options);
        return alertBox.init();    
    };
}());