2014-03-12 48 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 –