question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popover selector option not working

See original GitHub issue

When using the selector popover option, nothing actually happens:

<div id="some-div">
  <span>Some stuff</span>
</div>

<div id="popover-element">
  <p>This is the popover text</p>
  <p>But it also gets complicated...</p>
</div>

and:

$(document).ready(function() {
  $('#some-div').popover({
    selector: $('#popover-element') // also tried just '#popover-element', same result
  });
});

If I revert back to just a data-content:

<div id="some-div" data-content="hai">

then things work fine, but I need more than just text in the popover.

Issue Analytics

  • State:closed
  • Created 12 years ago
  • Comments:13

github_iconTop GitHub Comments

3reactions
ollercommented, Jun 21, 2012

Only dragging this back up, as I can’t actually decipher what the selector: option should do.

“if a selector is provided, tooltip objects will be delegated to the specified targets”

I’ve tried giving it other another selector i.e.‘#example’

The popover doesn’t load up, i’m not sure if this selector attribute changes the hover target, or the target of where the popover is rendered?

2reactions
benvdscommented, Jul 9, 2012

+1 this is confusing indeed

Read more comments on GitHub >

github_iconTop Results From Across the Web

Popover not working for the select option - Stack Overflow
I am using popover for the first time, and believe that $("#selectList").popover({ trigger: 'manual', placement: 'right', content: $this.attr(" ...
Read more >
Popovers - Bootstrap
Triggering popovers on hidden elements will not work. Popovers for .disabled or disabled elements must be triggered on a wrapper element.
Read more >
Bootstrap Popovers - examples & tutorial
Triggering popovers on hidden elements will not work. ... using the selector option) cannot be individually destroyed on descendant trigger elements.
Read more >
Bootstrap Popover Plugin - W3Schools
Note: Popovers must be initialized with jQuery: select the specified element and call the popover() method. The following code will enable all popovers...
Read more >
Popovers · Bootstrap
Specify container: 'body' to avoid rendering problems in more complex components (like our input groups, button groups, etc). Triggering popovers on hidden ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found