jQuery-ujs support

[JamesPoel]

Can this be updated to support jQuery-ujs. The click handler for that is click.rails but this only triggers click - as such, the actions are being submitted through GET instead of DELETE.

[JamesPoel]

#For anyone experiencing a similar issue, a workaround is:

$( document ).on( 'click', '[data-apply=confirmation]', function ( e ) {
    var id = $( this ).closest( '.popover.confirmation' ).attr( 'id' );
    $( '[aria-describedby=' + id + ']' ).trigger( 'click.rails' );
    e.preventDefault();
} );

[mistic100]

Please provide an example of your usage.

Because the confirmation doesn't do anything on itself, it just blocks the click event and triggers a new click event when the Ok button clicked.

[JamesPoel]

I am using jquery-ujs as my delete button, which is like this:
<a data-method="delete" href="...">Delete</a>
When clicked, rails submits the action as a delete request - all OK.
With the confirmation plugin enabled, it submits the request as GET request.
I'm not 100% on how ujs works, but it appears that the jquery-ujs onclick event is click.rails and not simply click.
Perhaps it would be possible to check if the click.rails event exists, and if so, trigger it, if not, fallback to click event?

[mistic100]

This is ultra specific, I think your solution is the best.

[mistic100]

Or I can add a "confirmationEvent" option, by default it will be "click" (or the value of "trigger" for BT4) and is customisable.

[JamesPoel]

That works for me :)

[mistic100]

Available in 2.4.2 and 4.0.1

[juanmoyano]

It seems that this change breaks functionality with bootstrap v3.3.7 and jQuery v3.3.1.
If I don't explicitly add confirmationEvent: 'click', it doesn't trigger the click event.
The markup for the element is:
<button type="button" class="btn btn-xs btn-default" data-toggle="confirmation"></button>
Library initialization is as follows:
$('body').confirmation({ selector: '[data-toggle=confirmation]', rootSelector: 'body', [...]