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的属性应用于弹出窗口。

使用Jquery / Javascript动态更改popover的数据内容

1 个答案: