JScrollPane和Fancybox冲突-Fancybox无法正常工作

Question

我正在建立一个画廊，页面中间的宽窗口中的图片由滚动条控制。 我还设置了一个页面，该页面带有用于联系艺术家以安排销售的表格，我希望此页面可以在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超出画面的地方进行了教程和实验。

Answer 1

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

fancybox的旧版本取决于jquery.browser ，该版本已从jquery 1.9的所有版本中删除。

使用jquery迁移文件或使用最新的fancybox