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 migrate文件或使用最新的fancybox

JScrollPane和Fancybox冲突 - Fancybox不起作用

1 个答案: