使用 Jquery / Javascript 动态更改弹出窗口的数据内容

Question

我正在使用 ASP.NET MVC 与 Bootstrap、Jquery、Entity Framework...

我在按钮上应用了弹出效果，它显示了悬停时来自局部视图的相关数据。

我面临的问题是我必须单击两次才能获得更新的文本或弹出窗口结果。

为什么我就是不知道，请查看我在此处提供的示例并帮助我。请知道的人。

HTML:

<button class="btn btn-success" type="button" data-toggle="popover"
data-trigger="focus" data-placement="top" title="Contact Detail"
id="btnContactInfo" data-html="true">
<i class="fa fa-info"></i></button>

Javascript:

var popover = $('#btnContactInfo').popover({
                     trigger: 'manual'
                 }).popover('show');
                 $('#btnContactInfo')
.popover().on('show.bs.popover', function (e) {
$("#po").html(htmldata);
popover.attr('data-content', $("#po").html());
});

Answer 1

哦，我只是做错了。实际上我必须通过使用下面的代码和一些分析来这样做，可能对某人有帮助：

HTML 与问题中描述的相同。

Javascript: 我们悬停特定的 HTML 控件/按钮功能：

$("#btnContactInfo").hover(function () {
    $("#btnContactInfo").
    attr('data-content', htmlcode)
    .popover(hide)
    .popover('fixTitle')
    .popover('show');
    });

我刚刚使用这个答案解决了 tooltip 的相同问题，并应用到与使用 popover 的属性.

相同的 popover

使用 Jquery / Javascript 动态更改弹出窗口的数据内容

Changing the data-content of popover dynamically using Jquery / Javascript

jquery

asp.net-mvc

dynamic

popover

bootstrap-popover