mootools - 咆哮式通知时间问题

Answer 1

你读过源代码吗？这是一个非常古老的插件，匆忙拼凑和修补，因此它可以与 MooTools 1.2 一起使用。他们甚至不使用Class。因此，没有Events mixin。也没有回调。

/*
JS_Growl Mootools based notifier
Version 0.2
Developed and maintained by Carlos Ouro
http://techtrouts.com
*/
JS_Growl={
    //user callable properties / funcionalities
    notify:function(str){
        if(!this._v.initiated) this._a.init();
        var el=new Element('div',{
            'class':(Browser.Engine.name=='trident' && Browser.Engine.version<5)?'JS_Growl_notify_IE6':'JS_Growl_notify',
            'html':str
        });
        el.inject(this._o.container);
        var fx= new Fx.Morph(el, {
            'duration': 'short'
        });
        fx.set({
            'opacity':0,
            'display':'block'
        });
        fx.start({
            'opacity':[0,1]
        });
        setTimeout(function(){
            fx.start({
                'opacity':[1,0]
            }).chain(function(){
                this.options.durtion='long';
                this.start({
                    'height':0,
                    'padding-top':0,
                    'padding-bottom':0,
                    'margin-top':0,
                    'margin-bottom':0
                }).chain(function(){
                    el.destroy();
                });
            });
        }, 2500);
    },

    //internal structure "à la fallforward ( http://fallforwardgame.com )"
    _v:{
        initiated:false
    },
    _a:{
        init:function(){
            JS_Growl._o.container=new Element('div', {'id':'JS_Growl_container'});
            JS_Growl._o.container.inject(document.body);
            JS_Growl._v.initiated=true;
            if(Browser.Engine.name=='trident' && Browser.Engine.version<5){                         
                //position "fixed"
                JS_Growl._o.container.setStyle({'position':'absolute'});
                JS_Growl._a.ie6_pos();
                window['addEvent']('scroll', JS_Growl._a.ie6_pos);
                window['addEvent']('resize', JS_Growl._a.ie6_pos);
            }
        },
        ie6_pos:function(){
            JS_Growl._o.container.setStyles({'top':Window.getScrollTop()+'px', 'left':Window.getWidth()+'px'});
        }
    },
    _o:{
        "container":null
    }
}

考虑到它有多小，重构它来做你需要的事情应该是几分钟的事情 - 10 - 15 分钟左右。

但是，您可以更轻松地解决此问题 - 在添加到购物篮点击时停止提交事件。等待一段时间让通知被看到，比如 2.5 秒。重新提交或更改location.href

这是我脑海中类似且更灵活的插件的列表：

• http://mootools.net/forge/p/growler
• http://mootools.net/forge/p/notimoo

玩得开心。