#2042 addes delegated events to dimmer

src/definitions/modules/dimmer.js

@@ -67,10 +67,10 @@ $.fn.dimmer = function(parameters) {
             $dimmable = $module;
             if( module.has.dimmer() ) {
               if(settings.dimmerName) {
-                $dimmer = $dimmable.children(selector.dimmer).filter('.' + settings.dimmerName);
+                $dimmer = $dimmable.find(selector.dimmer).filter('.' + settings.dimmerName);
               }
               else {
-                $dimmer = $dimmable.children(selector.dimmer);
+                $dimmer = $dimmable.find(selector.dimmer);
               }
             }
             else {
@@ -99,8 +99,8 @@ $.fn.dimmer = function(parameters) {
 
           if( module.is.closable() ) {
             module.verbose('Adding dimmer close event', $dimmer);
-            $dimmer
+            $dimmable
-              .on(clickEvent + eventNamespace, module.event.click)
+              .on(clickEvent + eventNamespace, selector.dimmer, module.event.click)
             ;
           }
           module.set.dimmable();
@@ -123,9 +123,6 @@ $.fn.dimmer = function(parameters) {
           $dimmable
             .off(eventNamespace)
           ;
-          $dimmer
-            .off(eventNamespace)
-          ;
         },
 
         event: {
@@ -313,10 +310,10 @@ $.fn.dimmer = function(parameters) {
         has: {
           dimmer: function() {
             if(settings.dimmerName) {
-              return ($module.children(selector.dimmer).filter('.' + settings.dimmerName).length > 0);
+              return ($module.find(selector.dimmer).filter('.' + settings.dimmerName).length > 0);
             }
             else {
-              return ( $module.children(selector.dimmer).length > 0 );
+              return ( $module.find(selector.dimmer).length > 0 );
             }
           }
         },
@@ -338,10 +335,10 @@ $.fn.dimmer = function(parameters) {
             return settings.closable;
           },
           dimmer: function() {
-            return $module.is(selector.dimmer);
+            return $module.hasClass(className.dimmer);
           },
           dimmable: function() {
-            return $module.is(selector.dimmable);
+            return $module.hasClass(className.dimmable);
           },
           dimmed: function() {
             return $dimmable.hasClass(className.dimmed);
@@ -602,8 +599,8 @@ $.fn.dimmer.settings = {
   name        : 'Dimmer',
   namespace   : 'dimmer',
 
-  debug       : false,
+  debug       : true,
-  verbose     : false,
+  verbose     : true,
   performance : true,
 
   // name to distinguish between multiple dimmers in context
@@ -641,27 +638,27 @@ $.fn.dimmer.settings = {
     method   : 'The method you called is not defined.'
   },
 
-  selector: {
-    dimmable : '.dimmable',
-    dimmer   : '.ui.dimmer',
-    content  : '.ui.dimmer > .content, .ui.dimmer > .content > .center'
-  },
-
-  template: {
-    dimmer: function() {
-     return $('<div />').attr('class', 'ui dimmer');
-    }
-  },
-
   className : {
     active     : 'active',
     animating  : 'animating',
     dimmable   : 'dimmable',
     dimmed     : 'dimmed',
+    dimmer     : 'ui dimmer',
     disabled   : 'disabled',
     hide       : 'hide',
     pageDimmer : 'page',
     show       : 'show'
+  },
+
+  selector: {
+    dimmer   : '> .ui.dimmer',
+    content  : '.ui.dimmer > .content, .ui.dimmer > .content > .center'
+  },
+
+  template: {
+    dimmer: function() {
+     return $('<div />').attr('class', 'ui dimmer');
+    }
   }
 
 };