1

なぜこれが正しく機能しないのですか？

最初のクリックで入力幅を300に設定し、ボディクリックで100に設定する必要があります。

mootoolsの要素クリックアウト機能を知っている人がいたらアドバイスしてください

元のボックスサイズに戻す方法を知っているとしたら、すばらしいでしょう。

http://jsfiddle.net/V6bTN/10/

window.addEvent('load', function() {
    var box = $$('#searchfeed');
    var isopen = box.hasClass('open');

    box.addEvent('click', function myfunction(event) {

        box.addClass('open');
        box.morph({
            width: 300
        });

    });


    if (isopen) {
        $(document.body).addEvent('click', function(event) {
            box.morph({
                width: 100
            });
            box.removeClass('open');

        });
    }



});​
4

1 に答える 1

3

これが簡単なouterClick関数です。

Element.Events.outerClick = {
    base : 'click',    
    condition : function(event){
        event.stopPropagation();
        return false;
    },
    onAdd : function(fn){
        this.getDocument().addEvent('click', fn);
    },
    onRemove : function(fn){
        this.getDocument().removeEvent('click', fn);
    }
};

使用する：

el.addEvent('outerClick', function(){ this.destroy(); });
于 2012-09-14T15:09:07.513 に答える