Wie können Sie überprüfen, ob ein jQuery-Plugin bereits an einen DOM-Knoten gebunden ist?

Question

Die meisten jQuery-Plugins sind an einen DOM-Knoten gebunden/gebunden, wenn Sie sie zum ersten Mal initialisieren.

$('#foo').bar({options: ...}); 

Wie kann man überprüfen, um zu sehen, welche Plug-in oder Objekten zur Zeit zu einem DOM-Knoten wie #foo gebunden sind?

if($('#foo').bar) 
if($.inArray('bar', $('#foo').eq(0))) 
if($('#foo').eq(0).indexOf('bar')) 
if($('#foo').hasOwnProperty('bar')) 

Zum Beispiel ist es möglich, die Ereignisse zu einem Objekt wie dieses

console.log($('#foo').data('events')); 

Answer 1

gebunden zu bekommen, wenn das Plugin selbst in gewisser Weise definiert das Element zu verändern (n) es funktioniert auf, es ist nicht möglich . Zum Beispiel:

$.fn.extend({ 
    foo: function() { console.log("I am foo!"); } 
}); 

$('#bar').foo(); 

Hier definierte ich eine komplette (na ja, mehr-o-less) jQuery-Plugin, das nicht einmal mit seinem Aufruf Elemente zur Interaktion nicht versuchen. Dennoch können Sie es verwenden, wie Sie wollen, auf jeder jQuery-wrapped Sammlung von Elementen, wie jede jQuery-wrapped Sammlung von Elementen wegen dieser Linie diese Methode in seinem Prototyp hat (von jquery.js):

jQuery.fn = jQuery.prototype = { ... } 

... nach $.fn.extend wurde aufgerufen, dieses Plugin anzuschließen, kein Wortspiel beabsichtigt.

Aber selbst wenn mein Plugin erforderlich waren seine Berufung Element in irgendeiner Weise zu ändern, wie folgt aus:

$.fn.extend({ 
    bar: function() { this.html('I am all bar now!'); } 
}); 
$('#bar').bar(); 

... Ich würde immer noch müssen, im Grunde behandeln diese mit einigen externen Ereignissen (DOM Mutation Einsen) und nicht nur von einer internen jQuery-Protokollierung abhängen.

Answer 2

In meinem Fall, das Plugin, das ich versuchte zu entdecken passiert, um einige Daten zu den Elementen $(element).data() Speicher hinzuzufügen. Ich habe auch Plugins gesehen, die Klassen oder IDs entweder mit ihrem Namen oder mit Änderungen ihres Namens hinzufügen.

Unten ist der Code, mit dem ich derzeit arbeite, um dieses Problem zu lösen. Funktioniert wahrscheinlich nicht für die meisten Plugins.

$.fn.extend({ 
    isPluginBound: function(pluginName) 
    { 
     if(jQuery().pluginName) 
     { 
      var name = pluginName.toLowerCase(); 

      return this.data(pluginName) || this.data(name) 
       || this.attr('class').toLowerCase().indexOf(name) !== -1 // vs hasClass() 
       || this.attr('id').toLowerCase().indexOf(name) !== -1; 
     } 
    } 
}); 

Um es zu verwenden Anruf nur $('#foo').isPluginBound('bar');

Answer 3

soweit ich weiß, alle jQuery Widgets ihre Instanz ihre DOM-Knoten anhängen. ich benutze folgende Erweiterung in meinen Projekten. es ist auch nützlich, eine Methode für ein Widget aufzurufen, von dem Sie den Namen nicht kennen (z. B. eine Basismethode eines erweiterten Widgets aufrufen)