jquery插件中的这个返回undefined

Question

有人可以解释为什么this.rel返回未定义的，也是正则表达式应该做的。 如果this.rel未定义，则正则表达式也不起作用，并且正在导致某种错误，因为下面的警报不会触发？

$.fn.facebox= function(settings) { 
    init(settings) 

    function clickHandler() { 
     $.facebox.loading(true) 
alert($(this).attr('rel')); 
//alert(String(this.rel)); 
     // support for rel="facebox.inline_popup" syntax, to add a class 
     // also supports deprecated "facebox[.inline_popup]" syntax 
     var klass = this.rel.match(/facebox\[?\.(\w+)\]?/) 
    alert(klass); 
alert('ppp'); 
    // if (klass) klass = klass[1] 

     //fillfaceboxFromHref(this.href, klass) 
     return false 
    } 

    return this.click(clickHandler) 
    } 

感谢，理查德

Answer 1

一个jQuery的对象具有许多性能，它们中的一个是与所找到的元素的数组。

你必须通过此数组行走并绑定事件这些单个元素：

jQuery.fn.extend({ 
facebox: function() 
{ 
     //here this is a jQuery-object 
    function clickHandler() 
     { 
     //here this is a DOMElement 
     alert($(this).attr('rel')); 
     return false 
     } 

    return this.each(function() { 
       var self = jQuery(this); 
       self.click(clickHandler) 
      }); 

}}）;