使用colorbox進行Javascript調試問題

我最近一直在對http://washingtongraphic.com/logo-design.html進行結構和樣式編輯，發現colorbox插件不再適用。當您翻轉每個徽標時，應該彈出一個更大的尺寸並在您推出時恢復到正常狀態。另外，單擊時，它應該出現在colorbox窗口中......這也行不通。所有指向腳本和其他資源的鏈接看起來都是正確的，但由於某種原因，腳本不會在滾動時觸發，並且單擊時也不會顯示colorbox窗口。可以在這裏找到一個功能性示例（它應該如何工作）：http://washingtongraphic.com/annual-reports.html。我不是很擅長調試JavaScript，可以真正使用我可以獲得的所有幫助。我一直在使用螢火蟲，但不知道如何判斷腳本失敗。謝謝大家。 另外，我沒有創建這個網站，但我只是編輯它...它我也不怎麼會已經把它（我知道還有其他的一些結構問題在這裏！）使用colorbox進行Javascript調試問題

來源

2011-08-17 visyoual

看看你的Javascript控制檯。頁面加載時會出現一堆錯誤。 –

我還建議創建一個只有幾張圖片的小例子頁面來縮小問題發生的位置。 –

所有即時看到錯誤的方式是「.scrollable」函數，我不認爲與我的問題有任何關係。你看到不同的東西嗎？ – visyoual

的問題是trialbyfire.js的加載順序和trialbygallery.js。

確保他們加載順序（你有他們逆轉了標誌設計頁）：

<script src="js/trialbygallery.js" type="text/javascript"></script> 
<script src="js/trialbyfire.js" type="text/javascript"></script>

此外，爲了解決這個錯誤，你有兩個選擇：

Uncaught TypeError: Object #<Object> has no method 'scrollable' on trialbyfire.js:89

刪除：

//鼠標滾輪 //在DOM準備就緒時執行腳本。這是一個好習慣 $（函數（）{

// initialize scrollable with mousewheel support 
$(".scrollable").scrollable({ vertical: true, mousewheel: true });

}）;

修復'可滾動'依賴。可能是應該加載的插件，但不是。

來源

2011-08-17 14:04:19 circusbred

在正常工作的頁面上也會出現該錯誤。 –

加載順序... trialbyfire.js在您鏈接的頁面上加載第二個，該頁面的工作原理是先由被破壞的頁面加載。在破損的頁面上，出現錯誤@ trialbyfire.js，然後從未執行trialbygallery.js中的'$ .ready' – circusbred

好的（+1）。但可滾動的錯誤仍然不影響圖像的懸停狀態。 –

使用colorbox進行Javascript調試問題

回答

相關問題