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不起作用

回答

相關問題