le plugin jquery dans ce cas donne undefined

Question

Quelqu'un pourrait-il expliquer pourquoi this.rel redonne undefined et aussi ce que l'expression rationnelle est censée faire. Si this.rel n'est pas défini, l'expression regex ne fonctionnera pas non plus et provoque une sorte d'erreur car l'alerte en dessous ne se déclenchera pas?

$.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) 
    } 

merci, richard

Answer 1

un jQuery-objet possède de nombreuses propriétés, l'un d'entre eux est un tableau avec les éléments trouvés.

Vous devez marcher à travers ce tableau et lier l'événement à ces éléments simples:

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

}});