jQuery插件命名空间和迭代

Question

我写这篇文章的代码：

(function($) { 
    $.fn.extend({ 
     videoGallery: function() { 

      this.each(function() { 

       gallery = $(this); // present object in the $.each iteretor 

       $(this).find('a').click(function(e){ 
        e.preventDefault(); 
        alert(gallery.attr('id')); 
       });    


      });          
     } 
    }); 
})(jQuery); 

$('.video-gallery').videoGallery(); 

为什么，当我点击“A”元素，该变种画廊总是具有相同的值，它对应于最后的画廊在$.each iteretor ？

谢谢，我的英语很抱歉，这不是我的自然语言

Answer 1

你错过了var关键字，尽量

... 
var gallery = $(this); 

也许这就是问题。

Answer 2

这是关闭如何工作。 gallery变量是全局变量（错误？），并且您为每次迭代分配一个新值，因此当触发任何点击事件并且循环完成时，该库就是循环中的最后一个。尝试是这样的：

$(this).find('a').click((function(gallery) { 
    return function(e){ 
    e.preventDefault(); 
    alert(gallery.attr('id')); 
    }; 
}(gallery))); 

您还可以使用var gallery = $(this)把它分配给了环闭合内部的局部变量。 OMG !!