Bootstrap Popover Keep HTML

时间:2015-01-15 16:41:07

标签: popover bootstrap-popover

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

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

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

感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用"隐藏"用于检测弹出窗口何时关闭的事件,然后将其内容设置回#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