bootstrap popover: reload content with ajax

Question

I'm having trouble reloading content of a bootstrap popover with ajax. Here's some code: http://pastie.org/3960102 The second ajax request (when I click on "a.close") returns an updated content (I can see it in the console), but it is not loaded inside the popover. I looked around for solutions, none of them seem to work. What else can I try? Thank you

Accepted Answer

Instead of resetting the `data-content` attribute, you are able to directly access the popover tooltip content.

Replace the following line:

```
t.attr('data-content', r);
```

with this working code:

```
t.data('popover').tip().html(r);
```

Update 2012

As Pigueiras pointed out in his comment, that would destroy the default template for the popover. A better solution is to replace the contents of `.popover-content`:

```
t.data('popover').tip().find('.popover-content').empty().append(r);
```

Update 2016

Thanks to another comment, here is the working code for Bootstrap 3:

```
t.data('bs.popover').tip().find('.popover-content').empty().append(r);
```

bootstrap popover: reload content with ajax

Solution

Problem

Related problems