2012-06-11 68 views
0

我正在構建一個WordPress主題,這將很快需要jQuery UI(只是核心和效果,不包括CSS)(http://hildasjcr.org.uk)。我使用我自己的jQuery和jQuery UI版本,因爲我需要使用jQuery Effects,而且我喜歡「$」表示法。我已經包括在functions.php的腳本是這樣的:WordPress的 - jQuery UI無法加載

function my_scripts_method() { 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', get_template_directory_uri() . "/js/jquery-1.7.2.min.js"); 
    wp_enqueue_script('jquery'); 
    wp_deregister_script('jqueryui'); 
    wp_register_script('jqueryui', get_template_directory_uri() . "/js/jquery-ui-1.8.21.custom.min.js"); 
    wp_enqueue_script('jqueryui'); 
    wp_register_script('footer', get_template_directory_uri() . "/js/footer.js"); 
    wp_enqueue_script('footer'); 
} 

add_action('wp_enqueue_scripts', 'my_scripts_method'); 

這給下面的HTML代碼(剝離到相關的位):

<!DOCTYPE html> 
<html dir="ltr" lang="en-US"> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Current Students</title> 
    <link rel="stylesheet" type="text/css" media="all" href="http://hildasjcr.org.uk/wp-content/themes/hildas/style.css" /> 
    <script type='text/javascript' src='http://hildasjcr.org.uk/wp-content/themes/hildas/js/jquery-1.7.2.min.js?ver=3.3.2'></script> 
    <script type='text/javascript' src='http://hildasjcr.org.uk/wp-content/themes/hildas/js/jquery-ui-1.8.21.custom.min.js?ver=3.3.2'></script> 
    <script type='text/javascript' src='http://hildasjcr.org.uk/wp-content/themes/hildas/js/footer.js?ver=3.3.2'></script> 
</head> 

不幸的是,jQuery UI的出現加載,但不可用 - jQuery運行良好,但jQuery UI函數都未定義。

我甚至可以在Chrome的開發人員工具面板中看到列出的jQuery UI,並閱讀其中的代碼。

那麼,出了什麼問題,我該如何解決?

+0

你正在加載jQuery的用戶界面?你在內容加載後調用'$(selector).tabs()'方法嗎? – Johan

+0

只是核心和效果 - 沒有包含CSS。 – TDN169

+0

這可能有助於http://stackoverflow.com/questions/6125928/jquery-ui-dialog-stopped-working-gives-error-cannot-call-method-mouseover-o – Johan

回答

1

問題在於HTML5 Boilerplate,它是頁面的基礎。 jQuery第二次被包含在頁腳中,而jQuery的兩個實例並不相互喜歡。