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

Je travaille sur un système de commande en ligne pour les clients de la photographie: Here. (Pardonnez l'exigence d'avoir à vous connecter). Après s'être identifié, l'utilisateur peut évaluer les images en utilisant les étoiles listées en dessous de chaque image, puis voir les photos 3 étoiles, ou les photos 4 étoiles, etc. Cependant, lorsque l'utilisateur clique sur une image, une visionneuse se développe. (prettyPhoto à savoir) qui contient l'image ainsi que les étoiles énumérées ci-dessous. Je souhaite que les utilisateurs puissent afficher une photo dans la visionneuse, mais le javascript n'est pas transmis après l'initialisation de la lightbox prettyPhoto. Par conséquent, ils ne peuvent pas évaluer les images dans la visionneuse. J'ai entendu parler de quelque chose de semblable, mais je n'ai aucune idée de la façon d'aborder le problème. Toute aide serait appréciée. Merci!Jquery prettyPhoto et conflit d'étoiles .... DOM ne charge pas?

Source

2010-04-19 Dustin

J'ai oublié de mentionner, le nom de l'événement devrait être "engagements" – Dustin

Est-ce que ce travail pour vous:

$.noConflict(); 
$(function($) { 
    //you jquery here 
});

Source

2010-04-19 23:17:22 Puaka

Je suis tout à fait le débutant .... comment exactement pourrais-je mettre en œuvre cela? Est-ce que je mettrais la référence de script là-dedans? – Dustin

avant d'exécuter votre joli script de photo, il suffit de mettre $ .noConflict(). quelque chose comme ça: par exemple.

Vous étiquetée comme ce « ajax », est que parce que le système d'étoiles est tiré via ajax? Si oui, alors le problème serait l'événement de clic (le plus probable) lié aux étoiles. Vous auriez besoin d'utiliser les fonctions "live" ou "delegate" de jQuery.

Ceci est également le cas si vous utilisez javascript pour écrire le code HTML de la pièce de sélection d'étoile dans le DOM à tout moment après le chargement initial de la page (ou après la liaison initiale de l'événement click).

Ou le problème pourrait être avec le balisage de sélection ... si, par exemple, vous êtes système d'étoiles est quelque chose comme:

<ul id="star-rating-system"> 
    <li><img href="star.png" alt="star" /></li> 
    <li><img href="star.png" alt="star" /></li> 
    <li><img href="star.png" alt="star" /></li> 
    <li><img href="star.png" alt="star" /></li> 
</ul>

Ensuite, il peut y avoir un problème d'avoir 2 choses sur la page avec le même identifiant, ce qui causerait un problème.

Pensez-vous que vous pourriez fournir un peu plus d'informations pour plus de clarté? Par exemple, le code HTML pour le système d'évaluation des étoiles, et toute information sur la façon dont vous avez modifié ou modifié le javascript prettyPhoto d'origine.

Source

2010-04-19 23:34:00 RussellUresti

J'ai une boucle foreach en php qui interroge un db. L'image est un href avec un lien vers un div unique. par exemple. .... que div est caché jusqu'à ce que je clique sur le lien de l'image, alors je ai ce qui suit affiché:

– Dustin

Et quel est le code javascript qui contrôle le classement par étoiles? – RussellUresti

$ (fenêtre) .load (function() { \t $ ('star ') cliquez sur (function() { \t \t id = $ (this) .attr (' id'). \t \t ids = id.Divisé('//'); \t \t note = ids [0]; \t \t image = ids [1]; \t \t email = ''; \t \t si (l'image! = Null) { \t \t .post $ ("", {Imagename: image: Evaluation, email: email}, la fonction (données) { \t \t \t \t alerte (données); \t \t \t \t \t}); \t \t \t} \t \t else { \t \t \t url = " /" + Note + "#img_pic"; \t \t \t \t \t \t $ ('# img_pic'). Charge (URL, la fonction (données) { \t \t \t \t .getScript $ (" Étoiles/jquery.rating.js") \t \t \t}); \t \t} \t \t \t}); \t \t \t }); – Dustin

Questions connexes

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

Répondre

Questions connexes