将popover改为悬停

Question

$(document).ready(function () {
    Address.initialize();
    Note.initializeIndex();
    Child.initializeEditBillPayer();
    AuditLog.Initialise();
    if ($(".aged-debetors").length !==0) {
        // set the contant of the popover when document is loaded
        $("[data-toggle=popover]").popover();
        $('.aged-debetors-label').attr("data-content", $(".aged-debetors").html());
    }
});


<span class="label label-info aged-debetors-label" data-toggle="popover" data-placement="auto right" data-html="true" data-content="" data-original-title="" title="">
    Current Balance: @Html.DisplayFor(modelItem => Model.TotalUnpaidAmount)
</span>

Answer 1

您可以在hover上触发弹出窗口，而不是默认click触发器，如：

$("[data-toggle=popover]").popover({ trigger: 'hover' });