Skip to content

Instantly share code, notes, and snippets.

@clouddueling
Last active December 17, 2015 05:49
Show Gist options
  • Save clouddueling/5560395 to your computer and use it in GitHub Desktop.
Save clouddueling/5560395 to your computer and use it in GitHub Desktop.
Twitter Bootstrap confirm popover. This makes a really clean and visually easy confirm popover. http://screencloud.net/v/6x6G
<span
class='btn btn-success'
data-title='Confirm order and use selected payment method?'
data-popover-confirm='Cardonfile.purchase()'>
Confirm and Purchase
</span>
$('[data-popover-confirm]').popover({
html: true,
placement: 'top',
trigger: 'manual',
content: "<span data-popover-confirm-container> \
<span class='btn btn-primary popover-confirm-btn'> \
Confirm \
</span> \
<span class='btn popover-cancel-btn'> \
Cancel \
</span> \
</span>"
})
$(document).on('click', '[data-popover-confirm]', function(){
var btn = $(this),
popover = btn.next();
btn.popover('toggle');
});
$(document).on('click', '.popover-confirm-btn', function() {
var popover = $(this).closest('.popover'),
btn = popover.prev(),
callback = btn.data('popover-confirm'),
result = eval(callback);
btn.popover('hide');
});
$(document).on('click', '.popover-cancel-btn', function() {
var popover = $(this).closest('.popover'),
btn = popover.prev();
btn.popover('hide');
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment