Cancel original event when using delegation (Closes #35)

mistic100 · Sep 25, 2016 · 05c6aff · 05c6aff
1 parent 99bd4f8
commit 05c6aff
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/bootstrap-confirmation.js b/bootstrap-confirmation.js
@@ -139,6 +139,16 @@
         }
       });
     }
+    else {
+      // cancel original event
+      this.$element.on(this.options.trigger, this.options.selector, function(e, ack) {
+        if (!ack) {
+          e.preventDefault();
+          e.stopPropagation();
+          e.stopImmediatePropagation();
+        }
+      });
+    }
 
     if (!this.options._isDelegate) {
       // manage popout

diff --git a/example/index.html b/example/index.html
@@ -77,6 +77,14 @@ <h1>Bootstrap Confirmation</h1>
       </div>
     </div>
 
+    <div class="panel panel-default">
+      <div class="panel-heading">Delegation</div>
+      <div class="panel-body" id="confirmation-delegate">
+        <button class="btn btn-default">Confirmation 1</button>
+        <button class="btn btn-default">Confirmation 2</button>
+      </div>
+    </div>
+
     <div class="panel panel-default">
       <div class="panel-heading">Custom buttons</div>
       <div class="panel-body">
@@ -108,6 +116,10 @@ <h1>Bootstrap Confirmation</h1>
     container: 'body'
   });
 
+  $('#confirmation-delegate').confirmation({
+    selector: 'button'
+  });
+
   var currency = '';
   $('#custom-confirmation').confirmation({
     rootSelector: '#custom-confirmation',