Bootstrap 4 popover open only ones

Asked Sep 02 '16 at 10:02

Active Sep 02 '16 at 11:25

Viewed 133 times

I created a modal window, and it has a link with the focus I want to show / hide poover:

<a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-content="And here's some amazing content. It's very engaging. Right?">What type of accounts are found?</a>

The problem is, that only works one time and further, nothing happens when you click. The script for the popover:

$(document).ready(function(){
    $('[data-toggle="popover"]').popover();

    $('.popover-dismiss').popover({
        trigger: 'focus'
    });

    $('.example-popover').popover({
        container: 'body'
    });
});

Someone knows what could be the reason?

Error: tether.min.js: 1 Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'

edited Sep 02 '16 at 11:08

asked Sep 02 '16 at 10:02

Valentine

Do you get any error in the console? – Shiran Dror Sep 02 '16 at 10:23
@ShiranDror Yes, here is this: tether.min.js: 1 Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'. – Valentine Sep 02 '16 at 10:31
Here is the solution of the error you get: http://stackoverflow.com/questions/21926083/failed-to-execute-removechild-on-node – Kaan Burak Sener Sep 02 '16 at 10:36
Please add to you question the elements with the classes ".popover-dismiss" and ".example-popover" – Shiran Dror Sep 02 '16 at 10:39
btw, is the modal content being generated dynamically? – Shiran Dror Sep 02 '16 at 10:40
@ShiranDror These elements are there in the script. Content modal windows - the usual login form – Valentine Sep 02 '16 at 10:44
Point is, the problem is not with this specific code. here's a working fiddle: https://jsfiddle.net/shirandror/qnx8qxr3/ – Shiran Dror Sep 02 '16 at 10:48
Try refreshing the page, is the error still there before you do anything? – Shiran Dror Sep 02 '16 at 10:49
@ShiranDror Yeap, error still here – Valentine Sep 02 '16 at 11:03
1

do you have any Tether script on your page? something like: new Tether({ ... }); – Shiran Dror Sep 02 '16 at 11:08
@ShiranDror No, only have tether.min.js before bootstrap.min.js – Valentine Sep 02 '16 at 11:12
1

Are you running Tether 1.3.2? – zerohero Sep 02 '16 at 11:16
@zerohero Yes, this was a mistake. I installed 1.3.3 and the problem has been resolved. thank you very much – Valentine Sep 02 '16 at 11:21

Bootstrap 4 popover open only ones

0 Answers0