当trigger设置为多个选择器时，只有第一个触发 <div class="snippet-clipboard-content notranslate positi

这个扩展 Overlay 的例子确实需要多次实例化. 不过我觉得你需要的应该是 Popup, 你看下 <a href="http://aralejs.org/popup/e

属性trigger设置为多个选择器时的问题 about overlay HOT 6 CLOSED

aralejs commented on June 29, 2024

属性trigger设置为多个选择器时的问题

from overlay.

Comments (6)

afc163 commented on June 29, 2024

overlay 没有 trigger 属性，不知是不是用串了。

from overlay.

b1ngx commented on June 29, 2024

做一个类似dialog的弹框点击触发元素的时候只有第一个会显示后面的调试的时候发现显示了但是不知道为什么又关闭

from overlay.

afc163 commented on June 29, 2024

把你的代码放出来看看吧。

from overlay.

b1ngx commented on June 29, 2024

http://aralejs.org/overlay/examples/ 文档三这个例子，每个选择器要单独实例化么

var Layer = Overlay.extend({
        attrs : {
            trigger: null,
            template:'<div class="uiLayer">我在这呢</div>'
        },
        setup: function() {
            var that = this;
            Layer.superclass.setup.call(this);

            $(this.get('trigger')).click(function() {
                that.show();
            });
            // 需要调用这句话来实现功能
            this._blurHide(this.get('trigger'));
        },
        show:function(){
            Layer.superclass.show.call(this);
            this._setPosition();
            return this;
        }
    });

调用的时候：

new Layer({
        trigger: '.layer-trigger',
        align: {
            baseElement: '.layer-trigger',
            baseXY: ['100%', 0]
        }
    });