2012-03-03 107 views
0

我的WordPress主題帶有集成Fancybox,你可以在這裏看到它使用http://bit.ly/xxQ1a8。此頁面由圖庫模板自動創建,並且適合我的需要。在雅虎主題wordpress中集成Fancybox插件出現問題

我想基於插件的fancybox http://bit.ly/zFLEpR創建自己的自定義圖片廚房,但由於某些原因,它不工作...

能有人偷看​​,看看他們是否能發現什麼阻止它從工作?我昨天花了整整一天的時間試圖弄清楚。

+0

看看firefox的firebug等開發工具。快速瀏覽螢火蟲的控制檯可以發現問題。 – shaunsantacruz 2012-03-03 18:28:07

+0

你能指定什麼問題嗎? :) – Alex 2012-03-03 18:37:15

回答

0

我注意到源代碼中您使用的是jQuery對象的$,但jQuery已經以無衝突模式加載,因此該對象僅被稱爲「jQuery」。試試這個:

jQuery(document).ready(function($) { 
    $("a[rel='group']").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 
}); 
jQuery("a.grouped_elements").fancybox(); 
+0

我試過了,但沒有成功,我也刪除了$(「a.grouped_elements」)。fancybox(); ,當我嘗試使用fancybox官方網站的不同示例時,它被忽略了。 – Alex 2012-03-03 18:36:32

+0

我在代碼中發現了另一個錯誤,並更新了我上面的答案以解決它。您使用的jQuery選擇器不太正確。 – 2012-03-03 18:44:33

+0

你是我的英雄!!!!我昨天花了整整一天,整個上午都試圖讓它工作。你救了我的命!!!! – Alex 2012-03-03 18:47:59