燈箱不能與Flexslider一起運作

Question

我在我的網站投資組合頁面上使用了一個名爲Easy Fancybox的內置Wordpress燈箱。問題在於它不適用於我的flexslider。我發現原因是滑塊鏈接到我的頁腳的jQuery庫腳本。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

但是，如果沒有上述jQuery文件，我的滑塊不起作用，但燈箱不工作。我已經嘗試過不同的圖書館，但沒有一個能讓他們倆都快樂！

http://sadiemangan.co.uk/solent

Answer 1

我在你的頁面打開控制檯，看到多個錯誤和404一個和2 jquery相關

Uncaught TypeError: $ is not a function at (index):486 

這是「關於文檔準備」功能和錯誤說$不一個函數，因爲該庫尚未加載。在控制檯輸入$顯示，該庫被加載所以文件已經準備好後，一定是被載入

這可以通過調用/在你的頁頭加載庫

第二個錯誤

Uncaught TypeError: jQuery(...).fancybox is not a function 

來解決

這可能通過使用

<script type="text/javascript"> 
var $= jQuery.noConflict(); 
</script> 

把這個頭裝入您的庫後可以解決