Make menu-aim work when jQuery collection contains multiple elements

Ben Kamens · Ben Kamens · commit 16dbc05da221 · 2013-03-25T22:35:48.000-07:00
diff --git a/jquery.menu-aim.js b/jquery.menu-aim.js
@@ -66,8 +66,17 @@
  * https://github.com/kamens/jQuery-menu-aim
 */
 (function($) {
+
     $.fn.menuAim = function(opts) {
+        // Initialize menu-aim for all elements in jQuery collection
+        this.each(function() {
+            init.call(this, opts);
+        });
+
+        return this;
+    };
 
+    function init(opts) {
         var $menu = $(this),
             activeRow = null,
             mouseLocs = [],
@@ -248,18 +257,13 @@
         /**
          * Hook up initial menu events
          */
-        var init = function() {
-            $menu
-                .mouseleave(mouseleaveMenu)
-                .find(options.rowSelector)
-                    .mouseenter(mouseenterRow)
-                    .mouseleave(mouseleaveRow);
-
-            $(document).mousemove(mousemoveDocument);
-        };
+        $menu
+            .mouseleave(mouseleaveMenu)
+            .find(options.rowSelector)
+                .mouseenter(mouseenterRow)
+                .mouseleave(mouseleaveRow);
+        $(document).mousemove(mousemoveDocument);
 
-        init();
-        return this;
     };
 })(jQuery);
 
