Я пытаюсь открыть всплывающее меню с всплывающим окном Bootstrap 4 для списка категорий.
Мой код ниже
<a tabindex="0" class="nav-link catdropdown" role="button" data-toggle="popover" data-placement="bottom">Kategoriler</a>
<ul class="no-bullet" id="categoryPopOverMenu">
<li class="nav-item dropdown">
@foreach($categories as $category)
<a class="dropdown-item" href="#">{{$category['category_name']}} @if ($settings['show_category_movie_count'] === 1) ({{$category['movies_count']}}) @endif</a>
@endforeach
</li>
</ul>
И код JS ниже
$('[data-toggle="popover"]').popover({
trigger: 'focus',
html:true,
content : function() {
return $('#categoryPopOverMenu').html();
}
});
Пожалуйста, посмотрите на изображение ниже, и вы можете видеть, что в левой части изображения в моем списке нет маркеров. Также вы можете видеть в правой части изображения черный маркер, когда я показываю свой список во всплывающем окне.
https://i.hizliresim.com/az01LB.png
Заранее спасибо.
