Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过数据内容属性传递Bootstrap3Popover中的HTML内容_Javascript_Jquery_Html_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 如何通过数据内容属性传递Bootstrap3Popover中的HTML内容

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

我知道我们可以通过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="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>