not all Bootstrap popovers displayed

Asked Jun 19 '17 at 09:37

Active Jun 19 '17 at 09:37

Viewed 33 times

I have two popovers on my page, which points to elements identified by their IDs:

 $('document').ready(function() {
        var popOverSettings = {
            placement: 'right',
            selector: '#diag1',
            trigger: "hover"
        };
        $(this).popover(popOverSettings);
    });

    $('document').ready(function() {
        var popOverSettings = {
            placement: 'right',
            selector: '#diag2',
            trigger: "hover"
        };
        $(this).popover(popOverSettings);
    });

Though only one is showing ? Any idea how to tweak the Js to allow multiple popovers (there me bay a few more, with an Id assigned dynamically)

asked Jun 19 '17 at 09:37

Maxence

2,029
4
18
37

so only the second one is showing right ? – Rajshekar Reddy Jun 19 '17 at 09:39
1

`there me bay a few more, with an Id assigned dynamically` if so then **use class selector instead of Id's** – Rajshekar Reddy Jun 19 '17 at 09:40
yeah but popover content is different in each ID, and is defined in the very IDentified element (a div) – Maxence Jun 19 '17 at 09:41
second one showing indeed – Maxence Jun 19 '17 at 09:41
1

add a class to all the elements for which you want the popover and then use this class in the `selector` property. – Rajshekar Reddy Jun 19 '17 at 09:43
1

Damn, thank you ! works – Maxence Jun 19 '17 at 09:43
Glad you got it working :) .. happy coding – Rajshekar Reddy Jun 19 '17 at 09:45
@Maxence if your problem has been solved then you can delete this question. – Rohan Kumar Jun 19 '17 at 09:46
@RohanKumar why delete? – Rajshekar Reddy Jun 19 '17 at 09:47
Possible duplicate of https://stackoverflow.com/questions/16990573/how-to-bind-bootstrap-popover-on-dynamic-elements – Rohan Kumar Jun 19 '17 at 09:49
so do i delete ? – Maxence Jun 19 '17 at 09:53
No it's not a duplicate of the mentioned thread – Rajshekar Reddy Jun 19 '17 at 17:54
Ok. and I will learn Js and Jquery. I am struggling so much with all these tiny Js bits: popover, toggle, ... and cannot make them work properly. so frustrating.. tks – Maxence Jun 19 '17 at 17:56

not all Bootstrap popovers displayed

0 Answers0