этот плагин 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) 
      }); 

}});