I have a question regarding to Bootstrap 3. I want to show popover, when the page is loaded -> when client opens certain html page, popover shows up and then after some time that popover fades out. What is the best way to do this? I am trying this where .poper is just a div's class around image

$(window).load(function(){
 $(".poper").popover('show');
    $(".poper").hide(600);
});

Thank You for Your replies.

I have a question regarding to Bootstrap 3. I want to show popover, when the page is loaded -> when client opens certain html page, popover shows up and then after some time that popover fades out. What is the best way to do this? I am trying this where .poper is just a div's class around image

$(window).load(function(){
 $(".poper").popover('show');
    $(".poper").hide(600);
});

Thank You for Your replies.

• javascript
• jquery
• twitter-bootstrap
• twitter-bootstrap-3

Share Improve this question Follow asked Sep 21, 2013 at 13:42 user859670user859670 3111 silver badge22 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

If I get you right, you want to show the popover if the page if fully loaded, so the page is ready.

If so, a possible solution could be to set a timeout in the script, which calls the popover to close. This could look like this:

$().ready(function(){
    $('.poper').popover('show');
    window.setTimeout(function(){
        $('.poper').popover('hide');
    }, 600); //600 are the ms until the timeout is called
});

Explanation: The script show until the page is fully loaded the popover .poper and starts a timeout which will it closes it after 600ms.