JScrollPane和Fancybox冲突 - Fancybox不起作用

我正在设置一个图库，图片位于页面中间的宽窗口中，由滚动条控制。我还创建了一个页面，其中有一个表单用于联系艺术家安排销售活动，我希望此页面可以在fancybox窗口中打开。表单的链接工作，但不会在fancybox窗口中打开。是JScrollPane和Fancybox冲突 - Fancybox不起作用

在页面头部的脚本如下：

<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>

链接意味着看中框窗口看起来像这样在页面上：

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

我的JS控制台说，它“在JQuery fancybox文件中无法读取未定义的属性'msie'，并且该$('.iframe').fancybox({不是函数，但它似乎在我所追求的各种教程和实验中都能正常工作，其中JScrollPane不在图片中。

来源

2014-12-03 Johnny Engine

检查http://stackoverflow.com/q/14344289/1055987更多 – JFK 2014-12-03 07:30:28

问题是你正在使用旧版本的fancybox和新版本的jquery。

fancybox的旧版本取决于jquery.browser这是从jquery 1.9的所有版本中删除。

要么使用jQuery迁移文件，或者使用最新fancybox

来源

2014-12-03 04:29:55

JScrollPane和Fancybox冲突 - Fancybox不起作用

回答

相关问题