Trigger bootstrap popover inside onclick event

12,291

Remove your onclick and you can specify the trigger inside of your options according to the docs http://twitter.github.com/bootstrap/javascript.html#popovers

$('[rel=popover]').popover({trigger:'click'})

Or specify it inside your html

<button class="btn" rel="popover" data-placement="bottom" data-trigger="click" 
Share:
12,291

Related videos on Youtube

Mike
Author by

Mike

Updated on September 15, 2022

Comments

  • Mike
    Mike over 1 year

    How can i manage to trigger the popover inside the onclick event?

    jQuery(document).ready(function($) { 
        $('[rel=popover]').popover().click(function(e) {e.preventDefault()});
    });
    
    
    <button class="btn" rel="popover" data-placement="bottom" data-trigger="manual" data-content="somecontent" data-original-title="Title" type="button" onclick="if(something==true) { console.log($(this));$(this).popover('show'); }">Start</button>
    

    This just gets me an "Uncaught TypeError: undefined is not a function"

  • Mike
    Mike over 11 years
    i knew that. please look at my code. i need to execute some js before triggering the popover. also i dont execute that js on all popovers.