Есть bootstrap popover всплывающий при наведении на ссылку, как убрать у него arrow?
Кроме того этот popover задуман как выпадающее меню, появляющееся при наведении на элемент списка. То есть нужно чтобы он не пропадал когда курсор уходит с элемента списка на него.
UPD:
HTML<a href='#' rel='popover' data-popover-content='#myPopover' data-placement='bottom'> Peoples </a>
POPOVER<style>
#myPopover li {
list-style-type: none;
/* Убираем маркеры */
}
#myPopover ul {
margin-left: 0;
/* Отступ слева в браузере IE и Opera */
padding-left: 0;
/* Отступ слева в браузере Firefox, Safari, Chrome */
}
</style>
<div id="myPopover" class="hide">
<ul>
<li>Person 1</li>
<li>Person 2</li>
<li>Other person</li>
</ul>
<a href='#'>Invite New Member</a>
</div>
JAVASCRIPT$.noConflict();
$(function () {
$('[rel="popover"]').popover({
container: 'body',
html: true,
content: function () {
var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
return clone;
}
}).click(function (e) {
e.preventDefault();
});
});
UPD:
https://jsfiddle.net/tanzt19L/