Я пытаюсь запустить jquery, выбранный внутри загрузочного popover, но инициированное выбранное выпадающее меню не доступно для кликов.jquery выбрано в bootstrap popover не работает
Вот мой код:
HTML
<button type="button" class="btn btn-md btn-danger" id="popover" data-title="Popover title" >Click to toggle popover</button>
<div style="display: none;" id="popovercontent">
<select class="chosen chzn-done">
<option>Choose...</option>
<option>jQuery</option>
<option selected="selected">MooTools</option>
<option>Prototype</option>
<option>Dojo Toolkit</option>
</select>
</div>
JS
$(document).ready(function(){
// init chosen
var $chosen = $(".chosen").chosen();
// init popover
var $popover = $('#popover').popover({
placement: 'bottom',
html: true,
content: function() {
return $('#popovercontent').html();
},
title: function() {
return $(this).data('title');
},
});
// on show popover
$popover.on("show.bs.popover", function(e) {
console.log('open popover');
$chosen.trigger("chosen:updated");
});
}); // document.ready
https://jsfiddle.net/gdtocsud/
подобный вопрос (не ответил): Chosen in bootstrap popover not working?
спасибо
Бьорн
Это решит вашу проблему с поиском выпадающих элементов. – rahulsm
большое спасибо, это решает мою проблему. – Bjoern