added option for preventing modal close from outside click

README.md

@@ -1,9 +1,13 @@
-# Modal v1.17.1
+# Modal v1.17.2
 
 Library for opening content in a modal window. Built to be used with web applications and ajax.
 
 - Requires jQuery 1.7+
 
+### new in 1.17.2
+
+Added option for preventing modal close when clicking outside of the modal
+
 ### new in 1.17.1
 
 Added support for nested modals. Modal windows will get appended after the last. when nested modals are closed, the previous modal will be displayed until the last one is closed which will destroy the modal elements.
@@ -55,6 +59,7 @@ ajax               : false,
 width              : false,
 centered           : false,
 allowClose         : true,
+allowCloseOverlay  : true,
 afterInit          : $.noop,
 afterOpen          : $.noop,
 afterClose         : $.noop,

src/jquery.modal.js

@@ -42,11 +42,13 @@
         $(this.settings.closeModalName).on('click.' + this.namespace, $.proxy(this.close, this));
         $(document).on('keydown.' + this.namespace, $.proxy(this.close, this));
 
-        this.$modal.on('click.' + this.namespace, function (e) {
-            if (!$(e.target).closest('.' + self.settings.modalContentName).length) {
-                self.close();
-            }
-        });
+        if (this.settings.allowCloseOverlay) {
+            this.$modal.on('click.' + this.namespace, function (e) {
+                if (!$(e.target).closest('.' + self.settings.modalContentName).length) {
+                    self.close();
+                }
+            });
+        }
     };
 
     Modal.prototype.removeEvents = function () {
@@ -341,21 +343,22 @@
     // Set options obj
     $.fn.modal2.defaults = {
         closeModalName: '[data-dismiss="modal2"]',
-        backdropName: 'modal-backdrop',
-        modalDialogName: 'modal-dialog',
         modalContentName: 'modal-content',
+        modalDialogName: 'modal-dialog',
+        backdropName: 'modal-backdrop',
+        allowCloseOverlay: true,
+        onBeforeClose: $.noop,
         modalSkin: 'default',
         modalName: 'modal',
+        afterClose: $.noop,
         container: 'body',
-        html: false,
-        ajax: false,
-        width: false,
-        centered: false,
-        allowClose: true,
         afterInit: $.noop,
         afterOpen: $.noop,
-        afterClose: $.noop,
-        onBeforeClose: $.noop
+        allowClose: true,
+        centered: false,
+        width: false,
+        html: false,
+        ajax: false,
     };
 
     // return for module loader