/ / JScrollPane et Fancybox conflict - Fancybox ne fonctionne pas - javascript, jquery, fancybox, jscrollpane

Conflit JScrollPane et Fancybox - Fancybox ne fonctionne pas - javascript, jquery, fancybox, jscrollpane

Je suis en train de monter une galerie, avec les images dans unlarge fenêtre au milieu de la page, contrôlée par une barre de défilement. J’ai également créé une page avec un formulaire permettant de contacter l’artiste pour organiser une vente, et je souhaite que cette page s’ouvre dans une fenêtre fancybox. Le lien vers le formulaire fonctionne, mais il ne s'ouvre pas dans une fenêtre fancybox.

Les scripts dans l'en-tête de la page sont les suivants:

<script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>

<script type="text/javascript" id="sourcecode">
$(function() {
$(".scroll-pane").jScrollPane();
});
</script>

<script>
$(function() {
$(".iframe").fancybox({
width : "50%",
height : "80%",
titlePosition: "outside"
}); // end fancybox
}); // end ready
</script>

Le lien destiné à une fenêtre de boîte fantaisie ressemble à ceci sur la page:

<li><a href="form.html" class="iframe">buy</a></li>

Ma console JS indique qu’elle «ne peut pas lire la propriété« msie »d’indéfinie» dans le fichier fancybox de JQuery, et que $(".iframe").fancybox({ n’est pas une fonction, mais tout semble bien fonctionner dans divers tutoriels et expériences que j’ai poursuivis là où JScrollPane était hors de propos.

Réponses:

0 pour la réponse № 1

Le problème est que vous utilisez une ancienne version de fancybox et une nouvelle version de jquery.

L’ancienne version de fancybox dépend de jquery.browser qui est supprimer dans toutes les versions de jquery 1.9.

soit utiliser jquery migrate file ou utiliser le dernier fancybox