如何將圖像添加到引導彈出窗口？

我想將圖像添加到bootstrap彈出窗口，但我無法獲取image.instead它顯示html.how我可以解決這個問題嗎？如何將圖像添加到引導彈出窗口？

<img class="filter-icon" src="images/filter-icon.png" class="filter-icon" data-toggle="popover" data-content="<img src='images/club.png'>" popover> 

$(document).ready(function(){ 
    $('[data-toggle="popover"]').popover(); 
});

來源

2015-05-13 Mithun Raikar

標記：

$(document).ready(function() { 
 
    var image = '<img src="https://developer.chrome.com/extensions/examples/api/idle/idle_simple/sample-128.png">'; 
 
    $('#popover').popover({ 
 
    placement: 'bottom', 
 
    content: image, 
 
    html: true 
 
    }); 
 
});

<!-- Bootstrap core CSS --> 
 
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc2/css/bootstrap.css" rel="stylesheet" media="screen"> 
 
<!-- jQuery --> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<!-- Bootstrap JS --> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc2/js/bootstrap.min.js"></script> 
 

 
<a id="popover" class="btn" rel="popover" data-content="" title="Popover with image">Popover button</a>

來源

2015-05-13 11:10:02

試試這個：添加參數「HTML」：真

$(document).ready(function(){ 
    $('[data-toggle="popover"]').popover({ 
     html:true 
    }); 
});

來源

2015-05-13 11:07:53

你需要指定HTML選項設置爲true，嘗試這樣：

$('[data-toggle="popover"]').({ html:true });

來源

2015-05-13 11:11:52

如何將圖像添加到引導彈出窗口？

回答

相關問題