2014-03-12 47 views
-1

我試圖讓html裏面的popover。但它不起作用。HTML裏面的Twitter Bootstrap 3 popover

<a class="tasks-menu" data-toggle="popover" data-placement="bottom">Tasks</a> 

<div id="popover_content_wrapper" style="display:none">HIDDEN CONTENT</div> 

$(function(){ 

    $('[data-toggle=popover].tasks-menu').popover({ 
     html : true, 
     content: function() { 
      return $('#popover_content_wrapper').html(); 
     } 
    }); 

}); 
+0

您是否期望隱藏內容? – ZimSystem

+0

它必須默認隱藏。 'display:block'on點擊 –

回答

0

Bootstrap彈出窗口對您的代碼正常工作。如果你想放的popover_content_wrapper整個HTML的酥料餅裏面,你應該使用.clone(),而不是html的()

http://www.bootply.com/121357

的.html()將剛剛獲得的popover_content_wrapper裏面,這會導致在文字「隱藏內容」中彈出顯示

+0

你的意思是將.html()替換爲.clone()?完成!但同樣的問題... –

+0

我找到解決方案=))\t < script src =「js/docs.min.js」> \t docs.min <<<<這個文件被封鎖popover –