Question

我正在尝试将内容动态加载到Bootstrap popover中。提交表单后，我可以提醒值;这是正常的。我不能做的是在弹出框中加载#popover-thanks的内容，用感谢信息替换表单。

// show the popover
$('#btn').popover({
    html : true,
    placement: 'top',
    content: function() {
        return $('#popover-form').html();
    }
}); 

// form has been submitted
$(document).on('click', '#submit', function() {

    var value = $('#value').val();

    alert(value);

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

Answer 1

我认为你必须销毁第一个popover才能在同一个元素上创建新的：

$( '#btn' ).popover('destroy');

http://getbootstrap.com/javascript/#popovers-usage

另一个解决方案是，你可以得到popover id（show之后）：

var popoverID = $( '#btn' ).attr("aria-describedby"); // = 'popover123456' (random number)

替换内容（http://getbootstrap.com/javascript/#popovers），然后显示：

$( '#btn' ).popover('show');

在表单提交后将动态内容加载到Bootstrap Popover中

1 个答案: