Доброй ночи, ребят, проблема вот в чем, по клику на элемент, над ним появляется тулбар, по клику на 'body', тулбар над элементом пропадает, но если я кликаю не на 'body', а на идентичный, другой элемент на странице, текущий тулбар не исчезает, и новый, над нужным элементом, не появляется, он появляется только если я сначала кликну на 'body' и потом на нужный мне новый элемент. Как убрать текущий тулбар при клике на следующий идентичный элемент? для наглядности добавил небольшое видео:
take.ms/fd199 и код:
jsfiddle.net/wwL8fgr1, благодарю за помощь!
el.on('mouseup', function(e){
$('[el-button]').click(function(e){
e.preventDefault();
});
var _toolbar = new Toolbar({link: el});
var toolbar = _toolbar.render();
if ( !$('.dm-popover').hasClass('in') ) {
setTimeout(function(){
toolbar.addClass('in');
},100);
$('body').prepend(toolbar);
}
toolbar.addClass('dm-link-frontend-control-top');
toolbar.css({
left: el.offset().left,
top: el.offset().top - toolbar.height() - 10
});
setTimeout(function(){
$('body').on('mouseup', function(e){
if($(e.target).closest(toolbar).length == 0){
$('body').unbind('click', arguments.callee);
toolbar.removeClass('in');
toolbar.remove();
}
});
}, 100);
e.stopPropagation();
});
