Jquery prettyPhoto et conflit d'étoiles.... Le DOM ne se charge pas?

Question

Je travaille sur un système de commande en ligne pour les clients de photographie : Ici. (Pardonnez l'obligation de devoir se connecter).

Après s'être connecté, l'utilisateur peut noter les images en utilisant les étoiles répertoriées sous chaque image, puis voir par la suite les photos à 3 étoiles, ou les photos à 4 étoiles, etc. Cependant, lorsque l'utilisateur clique sur une image, une lightbox s'ouvre (notamment prettyPhoto) qui contient l'image ainsi que les étoiles répertoriées en dessous. Je veux que les utilisateurs puissent étoiler une image dans la lightbox, mais le javascript n'est pas transmis après que la lightbox prettyPhoto soit initialisée. Par conséquent, ils ne peuvent pas évaluer les images dans la lightbox. J'ai entendu parler de quelque chose de similaire à cela, mais je n'ai aucune idée de la manière d'aborder le problème. Toute aide serait appréciée. Merci !

Answer 1

Cela fonctionne-t-il pour vous :

$.noConflict();
$(function($) {
     //votre code jQuery ici
});

Answer 2

Vous avez étiqueté cela comme "ajax", est-ce parce que le système de notation par étoiles est extrait via ajax ? Si c'est le cas, alors le problème serait le clic (le plus probablement) lié aux étoiles. Vous auriez besoin d'utiliser les fonctions "live" ou "delegate" de jQuery.

C'est également le cas si vous utilisez JavaScript pour écrire le HTML de la pièce de sélection d'étoiles dans le DOM à tout moment après le chargement initial de la page (ou après que l'événement de clic ait été lié initialement).

Ou le problème pourrait être avec le marquage du sélecteur... si, par exemple, votre système de notation par étoiles ressemble à ceci :

Alors il peut y avoir un problème en ayant 2 éléments sur la page avec le même ID, ce qui causerait un problème.

Pensez-vous pouvoir fournir un peu plus d'informations pour plus de clarté ? Par exemple, le HTML pour le système de notation par étoiles, et toute information sur la façon dont ou si vous avez modifié le JavaScript original de prettyPhoto.