deux javascripts en conflit

Question

Je suis un n00b quand il s'agit de javascript. J'ai deux scripts que j'ai trouvé en ligne que j'essaie d'utiliser sur la même page. L'un est prettyPhoto (http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/) que j'utilise pour l'effet boîte à lumière. L'autre est le diaporama (http://slideshowjs.com/) que j'utilise au milieu de la page pour faire pivoter le contenu.

Veuillez aller à http://gherkin.co.nz/jstest/index3.html pour voir de quoi je parle et vérifier la source. Si quelqu'un veut que je poste le code ici, je le ferai, c'est juste que c'est une bonne quantité de code.

Le problème est avec le lien prettyPhoto ("Envoyez-nous un email" en bas de la page). Il est supposé mettre la page liée en iframe dans la lightbox - Cela fonctionne bien sur toutes les autres pages, mais pas sur cette page. Sur cette page, il vous amène à la page liée, au lieu de le faire flotter sur la page existante comme il est censé le faire.

Si quelqu'un a des idées ou des suggestions, s'il vous plaît faites le moi savoir. J'ai lutté avec celui-ci pendant un moment.

Answer 1

Vous aurez besoin d'utiliser noConflict de jQuery(). Docs peuvent être trouvés here

var j = jQuery.noConflict(); 
// Do something with jQuery 
j("div p").hide(); 
// Do something with another library's $() 
$("content").style.display = 'none'; 

Answer 2

Mon Firebug me dit:.

$ ("# blogSlider") codaSlider n'est pas une fonction = index3.html (ligne 21) [Pause sur cette erreur] $ ("# blogSlider"). codaSlider();

Avez-vous inséré le code dans votre page d'exemple?