Модалка закрывается при клике внутри нее. Как исправить?

Question

[Bloodymurder]

Привет, крч.
Проблема: Есть модалка логина/реги. И при клике в любом месте модалки кроме табов (переключение между логином/регистрацией) модалка закрывается


я вроде как нашел проблемную область в коде, но что делать не знаю

var _onEvents = function()  {

                _item.on( {
                    click: function() {
                        var curIndex = $(this).index();

                        _tab[0].obj.setActive(curIndex);

                        _obj.addClass('open');

                        _site.addClass('sign-in-open');

                        return false;
                    }
                } );

                $(document).on( {
                    click: function(e) {
                        var canClose = true;    // если здесь поставить false, модалка не закрывается по клику внутри, но и по клику снаружи тоже(снаружи должна)

                        if ( !$(e.target).closest('.sign__modal') ){
                            canClose = false;
                        }


                        if (canClose) {
                            _obj.removeClass('open');
                            _site.removeClass('sign-in-open');
                        }
                    }
                } );


                _closeBtn.on( {
                    click: function() {
                        _obj.removeClass('open');
                        _site.removeClass('sign-in-open');

                        return false;
                    }
                } );

            },
            _init = function() {
                _onEvents();
            };

        _init();
    };

Comments

[msdos-x86]

Откуда ты это скопировал?

[Vova]

Было бы хорошо посмотреть работу на сайте.

Answer 1

[Антон Швец]

_item.on( {
                    click: function(event) {
                        event.stopPropagation();
                        var curIndex = $(this).index();

                        _tab[0].obj.setActive(curIndex);

                        _obj.addClass('open');

                        _site.addClass('sign-in-open');

                        return false;
                    }
                } );

Comments

[Bloodymurder]

Ничего не изменилось... :/

[Антон Швец]

var Sign = function(obj) {

        //private properties
        var _obj = obj,
            _item = _obj.find('.sign__item'),
            _tab = _obj.find('.tab'),
            _site = $('.site'),
            _closeBtn = _obj.find('.sign__close')
            _modalk = $('.sign__modal')
            ;

        //private methods
        var _onEvents = function()  {
                _modalk.on( {
                    click: function( e ){
                        e.stopPropagation();
                    }
                } );
                _item.on( {
                    click: function() {
                        var curIndex = $(this).index();

                        _tab[0].obj.setActive(curIndex);

                        _obj.addClass('open');

                        _site.addClass('sign-in-open');

                        return false;
                    }
                } );

                $(document).on( {
                    click: function(e) {
                        var canClose = true;

                        if ( !$(e.target).closest('.sign__modal') ){
                            canClose = false;
                        }


                        if (canClose) {
                            _obj.removeClass('open');
                            _site.removeClass('sign-in-open');
                        }
                    }
                } );


                _closeBtn.on( {
                    click: function() {
                        _obj.removeClass('open');
                        _site.removeClass('sign-in-open');

                        return false;
                    }
                } );

            },
            _init = function() {
                _onEvents();
            };

        _init();
    };

[Антон Швец]

Bloodymurder, а вообще у вас на сайте уже есть похожая модалка, и там вопрос решен в строке 1155-1159 файла app.js