Выполнение JS внутри Bootstrap popover

Question

Я пытаюсь поместить форму внутри загрузочной машины, весь html-рендеринг в нее просто отлично, но не выполняет какой-либо JavaScript (сборщик дат).

Это HTML-код:

<button type="button" class="btn btn-lg btn-danger" data-html='true' data-toggle="popover" title="Popover title" data-content=' 

Html Form code 

'>Click to toggle popover</button> 

JS:

$('[data-toggle="popover"]').popover() 

Answer 1

Я рекомендую использовать селектор в атрибутах

HTML:

<button type="button" class="btn btn-lg btn-danger" data-popover-content="#mypop" data-toggle="popover" data-trigger="focus">Popover Example</button> 

<div class="hidden" id="mypop"> 
    <div class="popover-heading"> 
    This is the heading 
    </div> 
    <div class="popover-body"> 
    This is the body 
    </div> 
</div> 

ЯШ:

$("[data-toggle=popover]").popover({ 
    html : true, 
    content: function() { 
     var content = $(this).attr("data-popover-content"); 
     setTimeout(function(){ console.log('execute'); },500); 
     return $(content).children(".popover-body").html(); 
    }, 
    title: function() { 
     var title = $(this).attr("data-popover-content"); 
     return $(title).children(".popover-heading").html(); 
    } 
}); 

ссылка демо: https://jsfiddle.net/xz45cnt4/

использование class hidden в ид mypop