自定義WordPress主題 - fancybox不工作？

Question

（WordPress的3.5.1）

嗨，在functions.php中我已經包括以下內容：

function add_lightbox_cys() { 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('fancybox', get_template_directory_uri() . '/inc/lightbox/js/jquery.fancybox.pack.js', array('jquery'), false, true); 
    wp_enqueue_script('lightbox', get_template_directory_uri() . '/inc/lightbox/js/jquery.lightbox.js', array('fancybox'), false, true); 
    wp_enqueue_script('lightbox-style', get_template_directory_uri() . '/inc/lightbox/css/jquery.fancybox.css'); 
} 
add_action('wp_enqueue_scripts', 'add_lightbox_cys'); 

，然後創建lightbox.js與下面的代碼：

(function($) { $(".fancybox").fancybox(); })(jQuery);

現在在wordpress主題二十二個與wordpress一起來這實際上是在一個fancybox開幕的圖片。

但是，當我在我自己定製的主題中嘗試這一點時，它根本不觸發fancybox。

這裏的鏈接網站：http://goo.gl/y6qfb

任何人可以幫助我嗎？

Answer 1

你可以用這個清單開始（可能不是寄託都）：

1）。你的頁面沒有合適的DOCTYPE（不要問我爲什麼），你可以在你的新主題模板中修復它。 2）。您似乎並沒有使用燈箱，所以刪除此參考文件

wp_enqueue_script('lightbox', get_template_directory_uri() . '/inc/lightbox/js/jquery.lightbox.js', array('fancybox'), false, true); 

3）。您正在加載的fancybox CSS樣式表爲腳本，因此錯誤

Timestamp: 31/03/2013 1:14:48 PM 
Error: SyntaxError: syntax error 
Source File: http://jarsis.de/tground/wp-content/themes/cys/inc/lightbox/css/jquery.fancybox.css?ver=3.5.1 
Line: 2 
Source Code: .fancybox-wrap, 

...所以你就需要更換這行：

wp_enqueue_script('lightbox-style', get_template_directory_uri() . '/inc/lightbox/css/jquery.fancybox.css'); 

本：

wp_enqueue_style('lightbox-style', get_template_directory_uri() . '/inc/lightbox/css/jquery.fancybox.css'); 

...但這取決於你如何註冊新的樣式表。 4）。您可能需要包裹.ready()方法裏面像你的fancybox初始化代碼：

(function($) { 
    $(function(){ 
    $(".fancybox").fancybox(); 
    }); 
})(jQuery); 

Answer 2

Firebug報告404爲http://jarsis.de/tground/wp-content/themes/cys/inc/lightbox/js/jquery.lightbox.js?ver=3.5.1，表示燈箱js未加載。我想這可能會解釋這個問題。

螢火蟲還報告一個語法錯誤這是一個有點難以解釋，但有事情做與「.fancybox換行」