Bootstrap Popover保留HTML

Question

如何在重新初始化时保存弹出窗口内容？这是我的代码，弹出窗口包含一个窗体。我想保持表单值，如果用户回来填写一些信息后...

$(this).popover({ 
    html: true, 
    trigger: 'manual', 
    placement: 'bottom', 
    content: function() { 
     var $contents = $('#popover_template').html(); 
     return $contents; 
    } 
}).popover('toggle'); 

我不希望任何模式窗口等是否有办法让即使窗体的内容popover重新开放。

谢谢。

Answer 1

您可以使用“隐藏”事件来检测弹出窗口何时关闭，然后将其内容设置回您的#popover_template div。

$(this).popover({ 
    // your initialization code 
}).popover('toggle') 
    .on("hidden", function(e) { 
    $('#popover_template').html($(this).html()); 
    }); 

参考

How to attach a function to popover dismiss event (Twitter Bootstrap)

Bootstrap modal popover hide on close

Bootstrap Popover - Save HTML on close