Comment imiter jQuery.live(), ou utiliser 2 versions jQuery en présence d'une bibliothèque Prototype?

Question

Nous rendons notre contenu dans un 'wrapper' HTML fourni par le client. Cet encapsuleur HTML contient une référence à jQuery 1.2.6 et c'est ce que j'ai utilisé jusqu'à présent pour ma fonctionnalité jQuery. Le problème auquel je suis confronté est que je suis en train de rendre de manière dynamique le contenu qui nécessite un événement de clic associé à celui-ci. L'événement click est associé aux éléments de $ (document) .ready(). En tant que tel, j'ai besoin de fonctionnalités de la fonction .live() qui est disponible dans la version 1.3+. Donc, je me demande quelles sont mes options?

Y a-t-il un moyen pour moi d'imiter facilement la fonctionnalité de .live() de sorte que je n'ai pas besoin de la fonction fournie par la bibliothèque jQuery?

Dois-je inclure la nouvelle bibliothèque jQuery avec notre contenu? Ce n'est pas idéal car il provoque des conflits qui doivent être gérés, et nous gérons déjà en conflit avec une bibliothèque de prototype que quelqu'un d'autre a inclus dans l'emballage avec la ligne suivante:

jQuery(document).ready(function ($) { 

à moins que quelqu'un peut me montrer un moyen facile de le faire?

... ou est-ce que je remets au client qu'il est temps pour eux de mettre à jour leur jQuery? Je ne sais pas s'il est probable que cela arrivera.

Quelqu'un peut-il suggérer une solution à ce problème? Merci

Answer 1

Pouvez-vous utiliser le plugin livequery? Devrait travailler avec cette version.

http://plugins.jquery.com/project/livequery/

Answer 2

Vous pouvez simplement rouler votre propre délégation d'événements. Par exemple, plutôt que de se lier aux éléments dynamiquement créés, par exemple:

$('.foo').click(function() { /* foo handler */ }); 

Vous pouvez à la place attacher un gestionnaire à un élément de niveau supérieur, comme le document, et filtrer les événements de clic:

$(document).click(function(evt) { 
    var $target = $(evt.target); 
    if ($target.is('.foo') || $target.parents('.foo').length > 0) { 
     /* foo handler */ 
    } 
}); 

C'est l'idée de base que vivent (et le nouveau délégué) fonctionnent.

---

* exemple modifié pour vérifier les éléments parents de la cible de l'événement ainsi