Javascript 如何通过数据内容属性传递Bootstrap3Popover中的HTML内容
我知道我们可以通过JavaScript在Bootstrap Popover中传递HTML内容,但我想知道是否有一种方法可以在不使用JavaScript的情况下通过Javascript 如何通过数据内容属性传递Bootstrap3Popover中的HTML内容,javascript,jquery,html,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap,Twitter Bootstrap 3,我知道我们可以通过JavaScript在Bootstrap Popover中传递HTML内容,但我想知道是否有一种方法可以在不使用JavaScript的情况下通过数据内容传递内容,比如: var ecoloInfoTable = "<strong>Yes This is Data</strong>"; var data = '<button type="button" class="btn btn-success btn-xs" data-container="bo
数据内容传递内容,比如:
var ecoloInfoTable = "<strong>Yes This is Data</strong>";
var data = '<button type="button" class="btn btn-success btn-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="'+ecoloInfoTable+'"> <i class="fa fa-question"></i></button>';
$(".container").append(data);
$("[data-toggle=popover]").popover();
var ecoloinfo表=“是,这是数据”;
var数据=“”;
$(“.container”).append(数据);
$(“[data toggle=popover]”。popover();
谢谢有一个选项可以在popover中启用HTML内容。此选项可以通过JavaScript传递,例如
$("[data-toggle=popover]").popover({ html: true });
或者用HTML(这就是你要问的)例如
//在没有选项的情况下初始化popover
$(“[data toggle=popover]”。popover();
如中所示,您可以在title
属性中包含HTML,并且可以在弹出窗口中正确显示它。data HTML=“true”data content=”“
?
<div class="container">
<button type="button" class="btn btn-success btn-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="In this title I have <b>bold</b> text" data-html="true">
<i class="fa fa-question"></i>
</button>
</div>
<script>
// Initializing popover without options
$("[data-toggle=popover]").popover();
</script>