Убрать div после клика вне его

404
24 ноября 2016, 10:08

Есть div который отрисовывается следующим кодом: 

jQuery(document).on('click', '#link-member', function(e) {
  e.preventDefault();
  var that = jQuery(this);
  var url = that.attr('href');
  that.before('<div id="members"></div>');
  jQuery.post(url, function(data) {},'html')
    .done(function(data) {
      jQuery('#members').append(data);
    })
    .fail(function(data) {
      alert(data.responseText);
    });
});

Вопрос в том, как закрыть и очистить div. Если клик был произведен вне отрисованого div.

Answer 1

Если под закрыть и очистить div Вы имеете ввиду скрыть и очистить отрисованный div, то так:

$(document).on("click", function(e){ 
    var container = $("#members"); 
    if (!container.is(e.target) && container.has(e.target).length === 0){ 
        //проверяем, чтобы клик был не на блоке и не на потомках блока 
        container.hide().html(''); 
    } 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="members">test test test</div>

READ ALSO
Вопрос по СSS, картинки
CSS

Вопрос по СSS, картинки

такой вопрос когда я сжимаю браузер по горизонтали то одна картинка прикрывает другую, а я хочу что бы она останавливалась в определенном...

 375
Какой атрибут более приоритетный в CSS атрибут ID или class?
CSS

Какой атрибут более приоритетный в CSS атрибут ID или class?

Какой атрибут более приоритетный в CSS атрибут ID или class?.

371
не подключаются стили css
CSS

не подключаются стили css

добрый день, у меня проблема следующая - шаблонный код background-slider.

335
SVG иконка некорректно отображается
CSS

SVG иконка некорректно отображается

Как правильно встроить svg?.

660