Bootstrap Popover Keep HTML

Question

How to save popover contents upon re-initializing? Here is my code and the popup contains a form. I want to keep the form values if user comes back to after filling some info...

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

I don't want any modal window etc. Is there a way to keep the contents of a form even if the popover is reopen.

Thanks.

Could you show the markup for `#popover_template` too? – davidkonrad Jan 24 '15 at 18:38 — davidkonrad, Jan 24 '15 at 18:38

score 0 · Answer 1 · edited May 23 '17 at 12:11

0

You can use the "hidden" event to detect when your popover closes, then set its content back to your #popover_template div.

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

References

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

Bootstrap modal popover hide on close

Bootstrap Popover - Save HTML on close

edited May 23 '17 at 12:11

Community

1
1

answered Jan 15 '15 at 17:24

gknicker

5,509
2
25
41

It brings the text on button that open popover not the popover. – uiuxhub Jan 15 '15 at 21:18
Oh sorry. Just replace `$(this).html()` with the html from the popover. – gknicker Jan 15 '15 at 22:04

Bootstrap Popover Keep HTML

1 Answers1