Hiya See working demo here: http://jsfiddle.net/4g3Py/1/

我已经知道你正在做些什么,但我最后就以下样本提出一些建议:http://dl.drop箱.com/u/74874/test_scripts/popover/index.html#。 - 分享这一联系,如果你看到来源通知称号<>数据电文-content<<>/代码>但你希望通过下列改动开展工作的话,就与不同人口之间有不同联系。

拥有一个ice子,希望能够这样做。 D uh没有忘记投票,接受回答:

www.un.org/spanish/ecosoc Jquery Code

var i = 0;
$( a#test ).click(function() {
    i += 1;

    $( a#test ).popover({
        trigger:  manual ,
        placement:  right ,
        content: function() {
           var message = "Count is" + i;
             return message;
        }
    });
    $( a#test ).popover("show");

});​

<><><><>>><>>>>><>>>>>>>

<a id="test">Click me</a>
​

你们可以直接利用分类数据封闭字典,例如:

$( a#test ).data( bs.popover ).options.content =  new content ;

这部法典即使在首次引入人口之后也应予以罚款。

仅仅在个案中,任何寻求某种解决办法的人,若不要求重新确认<代码>popover,而只是想改变内容html,都会对此进行调查:

$( a#test ).data( popover ).$tip.find(".popover-content").html("<div>some new content yo</div>")

<>Update: 在这种回答是书面的还是诱杀3.2.0(我怀疑有3.0点)这两者之间,有点变化:

$( a#test ).data( bs.popover ).tip().find ............

老问题,但既然我注意到,没有答案是正确的,这是一个共同的问题,我要予以更新。

Use the $ ("a#test”).popover(destroy);-method. Fiddle here。

这将摧毁旧的人群,使你能够经常地把新人口联系起来。

这里有一个例子,就是你可以点击一个 but子,在已经有人 attached的物体上安装一个新的pop。 See fiddle for more details.

$("button.setNewPopoverContent").on("click", function(e) {
    e.preventDefault();

    $(".popoverObject").popover("destroy").popover({
        title: "New title"
        content: "New content"
    );
});

这个问题已经存在一年多,但可能对其他人有用。

如果内容只有在隐蔽的情况下才改变,那么我发现的最容易的方法是使用一种功能和一部联合材料法典。

具体来说,我的超文本体想:

<input id="test" data-toggle="popover"
       data-placement="bottom" data-trigger="focus" />
<div id="popover-content" style="display: none">
  <!-- Hidden div with the popover content -->
  <p>This is the popover content</p>
</div>

请指出没有具体说明数据内容。 在联合材料中,当人口形成时,功能被用于内容:

$( test ).popover({
    html: true,
    content: function() { return $( #popover-content ).html(); }
});

如今,你可以改变任何地方的人群,下个时间将显示:

$( #popover-content ).html("<p>New content</p>");

我猜测这一想法也将使用简单的文字而不是超文本。

关于4号诱杀装置,只是一条线:

$("#your-element").attr("data-content", "your new popover content")

你们总是可以直接修改人力部:

$( a#test ).next(".popover").find(".popover-content").html("Content");

例如,如果你想要填充从APIC中的某些数据,并显示在波多里,里面的里面有:

    $("#myPopover").popover({
        trigger:  hover 
    }).on( shown.bs.popover , function () {
        var popover = $(this);
        var contentEl = popover.next(".popover").find(".popover-content");
        // Show spinner while waiting for data to be fetched
        contentEl.html("<i class= fa fa-spinner fa-pulse fa-2x fa-fw ></i>");

        var myParameter = popover.data( api-parameter );
        $.getJSON("http://ipinfo.io/" + myParameter)
        .done(function (data) {
          var result =   ;
          if (data.org) {
            result += data.org +  <br> ;
          }
          if (data.city) {
            result += data.city +  ,  ;
          }

          if (data.region) {
            result += data.region +    ;
          }
          if (data.country) {
            result += data.country;
          }
          if (result ==   ) {
            result = "No info found.";
          }
          contentEl.html(result);
        }).fail(function (data) {
          result = "No info found.";
          contentEl.html(result);
        });
    });

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<a href="#" id="myPopover" data-toggle="popover" data-title="IP Details" data-api-parameter="151.101.1.69">Hover here for details on IP 151.101.1.69</a>

This assumes that you trust the data supplied by the API. If not, you will need to escape the data returned to mitigate XSS attacks.

Learn t from previous answers

let popOverOptions = {
    trigger:  click ,
    ...
    };

// save popOver instance
let popOver = $(`#popover-unique-id`).popover(popOverOptions);

// get its data
let popOverData = popOver.data( bs.popover );

// load data dynamically (may be with AJAX call)
$(`#popover-unique-id`).on( shown.bs.popover , () => {

    setTimeout(() => {

        // set content, title etc...
        popOverData.config.content =  content///////// ;

        // updata the popup in realtime or else this will be shown next time opens
        popOverData.setContent();

        // Can add this if necessary for position correction: 
        popOver._popper.update();

    }, 2000);

});

这样,我们就可以方便地更新人口内容。

There s another way using destroy method. http://jsfiddle.net/bj5ryvop/5/

Bootstrap 5.0 update

let popoverInstance = new bootstrap.Popover($( #element ));

之后:

popoverInstance._config.content = "Hello world";
popoverInstance.setContent();

(Caution:它将更新全球的流行内容,这样,如果你有多个开放的人群,那么他们都将得到“Hello World”的更新。

I found 。 因此,我的法典(对某人非常有用)是:

// Update basket
current = $( #basketPopover ).data( content );
newbasket = current.replace(/d+/i,parseInt(data));

$( #basketPopover ).attr( data-content ,newbasket);
$( #basketPopover ).setContent();
$( #basketPopover ).$tip.addClass(popover.options.placement);