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) 
      }); 

}}）;