Set two elements, modal and popover, in data-toggle

Question

I'm facing a problem with getting a button to open a popver modal when hovering over and click.

<button type="button" 
        class="btn btn-success btn-lg" 
        data-target="#addChangeModal" 
        data-toggle="####" 
        data-toggle="" 
        data-content="Add change">
</button>`

when I set data-toggle to

data-toggle="modal" 

or

data-toggle="popover"

Both values modal and popover work perfectly.

However I am unable to set

data-toggle="modal popover"

Answer 1

Launch your modal with jQuery:

$('#my-btn').click(function () {
     $('#addChangeModal').modal('show');  
     $('[data-toggle=popover]').popover('hide'); //EDIT: added this line to hide popover on button click.
});

And then use a standard popover from Bootstrap, include data-trigger="hover" to show popover on hover.

<button id="my-btn" type="button" class="btn btn-success btn-lg" data-trigger="hover" data-original-title="Popover Title" data-content="Popover content" data-toggle="popover"></button>

Bootply Demo