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,並閱讀其中的代碼。
那麼,出了什麼問題,我該如何解決?
你正在加載jQuery的用戶界面?你在內容加載後調用'$(selector).tabs()'方法嗎? – Johan
只是核心和效果 - 沒有包含CSS。 – TDN169
這可能有助於http://stackoverflow.com/questions/6125928/jquery-ui-dialog-stopped-working-gives-error-cannot-call-method-mouseover-o – Johan