popover - Bootstrap Popover 保持 HTML

Question

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

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

我不想要任何模式窗口等。即使重新打开弹出框，是否有办法保留表单的内容。

谢谢。

Answer 1

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

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

参考

如何将函数附加到弹出框关闭事件（Twitter Bootstrap）

Bootstrap modal popover 关闭时隐藏

Bootstrap Popover - 关闭时保存 HTML