added callback fix and updated readme

Author: Tom Kaczocha

README.md

@@ -2,24 +2,26 @@
 
 Bootstrap confirm delete modal dialog jquery plugin
 
-
 ## Installation
-You can install with [bower](http://bower.io/) or [npm](https://www.npmjs.com/).
+
+You can install from [npm](https://www.npmjs.com/package/bootstrap-confirm-delete).
 
 ```sh
-$ bower install bootstrap-confirm-delete
+$ yarn add bootstrap-confirm-delete
 $ npm install --save bootstrap-confirm-delete
 ```
 
 ## Dependencies
+
 This plugin depends on the following:
+
 - jquery >= 1.9.1
 - bootstrap >= 3.3.5
 
 NOTE: This plugin has not been tested with versions prior to these.
 
-
 ## Basic Usage
+
 This plugin will intercept the delete event on configured page elements. In this example it will block the deletion click
 on any links or buttons that have the 'delete' class on them.
 
@@ -32,94 +34,111 @@ on any links or buttons that have the 'delete' class on them.
 <a href="server.php" class="delete" data-type="post">Delete</a>
 ```
 
-Initialise the plugin either in <script></script> tags on the html page or in an external .js script. 
+Initialise the plugin either in <script></script> tags on the html page or in an external .js script.
 
 ```js
-$( document ).ready( function( )
-{
-    $( '.delete' ).bootstrap_confirm_delete( );
-} );
+$(document).ready(() => {
+  $('.delete').bootstrap_confirm_delete();
+});
 ```
 
 Notice the 'data-type' attribute on the link. The plugin will use this attribute if set to show a custom delete message. For example,
 
-Heading:    'Delete Post'
+Heading: 'Delete Post'
 
-Message:    'Are you sure you want to delete this post?'
+Message: 'Are you sure you want to delete this post?'
 
 ### Example
+
 This example shows all the available options:
 
 ```js
-$( document ).ready( function( )
-{
-    $( '.delete' ).bootstrap_confirm_delete(
-        {
-            debug:              false,
-            heading:            'My Custom Delete Heading',
-            message:            'Are you sure you want to delete this item?',
-            btn_ok_label:       'Yes',
-            btn_cancel_label:   'Cancel',
-            data_type:          'post',
-            callback:           function ( event )
-                                {
-                                    // grab original clicked delete button
-                                    var button = event.data.originalObject;
-                                    // execute delete operation
-                                    button.closest( 'tr' ).remove();
-                                },
-            delete_callback:    function() { console.log( 'delete button clicked' ); },
-            cancel_callback:    function() { console.log( 'cancel button clicked' ); }
-        }
-    );
-} );
+$(document).ready(() => {
+  $('.delete').bootstrap_confirm_delete({
+    debug: false,
+    heading: 'My Custom Delete Heading',
+    message: 'Are you sure you want to delete this item?',
+    btn_ok_label: 'Yes',
+    btn_cancel_label: 'Cancel',
+    data_type: 'post',
+    callback: (event) => {
+      // grab original clicked delete button
+      var button = event.data.originalObject;
+      // execute delete operation
+      button.closest('tr').remove();
+    },
+    delete_callback: () => {
+      console.log('delete button clicked');
+    },
+    cancel_callback: () => {
+      console.log('cancel button clicked');
+    },
+  });
+});
 ```
 
 ### See test directory for a more complete example
 
 ## Options
+
 Bootstrap Confirm Delete plugin comes with several optional settings.
 
 ### debug
+
 Debug mode will output events and information to the console.
 
 ### heading
+
 This is for setting a custom modal heading.
 
 ### message
+
 Setting a custom delete message/question.
 
 ### btn_ok_label
+
 Set the confirm label text
 
 ### btn_cancel_label:
+
 Set the cancel label text
 
 ### data_type
+
 Used if heading & message are not provided
 
 ### callback
+
 Will fire if responding to a button click that has no href attribute.
 
 Use this callback to do any deletions from a button click.
 Parameters:
-* data (data.originalObject contains the originally clicked object)
+
+- data (data.originalObject contains the originally clicked object)
 
 ### delete_callback
+
 Will fire when the delete button is clicked and a handler is provided.
 Parameters:
-* data (data.originalObject contains the originally clicked object)
+
+- data (data.originalObject contains the originally clicked object)
 
 ### cancel_callback
+
 Will fire when the cancel button is clicked and a handler is provided.
 Parameters:
-* data (data.originalObject contains the originally clicked object)
 
+- data (data.originalObject contains the originally clicked object)
 
 ## License
-Copyright &copy; 2015 Tom Kaczocha <tom@rawphp.org>
+
+Copyright &copy; 2015-2019 Tom Kaczocha <tom@rawphp.org>
+
 Licensed under the MIT license.
 
 ## Contributors
+
 Special thanks to:
-* [mpecan](https://github.com/mpecan)
+
+- [mpecan](https://github.com/mpecan)
+- [iwansusanto](https://github.com/iwansusanto)

bootstrap-confirm-delete.js

@@ -40,7 +40,7 @@
 
             if ( null === document.getElementById( 'bootstrap-confirm-delete-container' ) )
             {
-                $( 'body' ).append( '<div id="bootstrap-confirm-delete-container"><div id="bootstrap-confirm-dialog" class="modal fade"><div class="modal-dialog modal-sm"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button><h4 id="bootstrap-confirm-dialog-heading"></h4></div><div class="modal-body"><p id="bootstrap-confirm-dialog-text"></p></div><div class="modal-footer"><button id="bootstrap-confirm-dialog-cancel-delete-btn" type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button><a id="bootstrap-confirm-dialog-delete-btn" href="#" class="btn btn-danger pull-right">Delete</a></div></div></div></div></div>' );
+                $( 'body' ).append( '<div id="bootstrap-confirm-delete-container"><div id="bootstrap-confirm-dialog" class="modal fade"><div class="modal-dialog modal-sm"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button><h4 id="bootstrap-confirm-dialog-heading"></h4></div><div class="modal-body"><p id="bootstrap-confirm-dialog-text"></p></div><div class="modal-footer"><a id="bootstrap-confirm-dialog-cancel-delete-btn" type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</a><a id="bootstrap-confirm-dialog-delete-btn" href="#" class="btn btn-danger pull-right">Delete</a></div></div></div></div></div>' );
             }
 
             $( '#bootstrap-confirm-dialog-heading' ).html( plugin.settings.heading );