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());
   });

参考文献

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

Bootstrap modal popover hide on close

Bootstrap Popover - Save HTML on close