2012-06-11 3 views
0

Я создаю тему WordPress, которая скоро понадобится jQuery UI (только ядро ​​и эффекты, без CSS) (http://hildasjcr.org.uk). Я использую свои собственные сборки как jQuery, так и jQuery UI, потому что мне нужно использовать jQuery Effects, и мне нравится нотация «$». Я включил сценарии в functions.php, как это:Wordpress - пользовательский интерфейс jQuery не загружается

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 не определены.

Я даже вижу пользовательский интерфейс jQuery, указанный в панели инструментов разработчика Chrome, и читайте код там.

Итак, что случилось, и как я могу это исправить?

+0

Вы загружаете jquery ui css? И вы вызываете метод '$ (selector) .tabs()' после загрузки содержимого? – Johan

+0

Простое ядро ​​и эффекты - в CSS нет 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 не понравились друг другу.

Смежные вопросы