Jquery Ui Вкладка с Wordpress

Question

Jquery вкладка пользовательского интерфейса не работает в Wordpress, я добавил эту функцию в моем functions.php

if(!is_admin()){ 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', ("https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js")); 
    wp_enqueue_script('jquery'); 
    wp_deregister_script('jquery-ui'); 
    wp_register_script('jquery-ui',("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js")); 
    wp_enqueue_script('jquery-ui'); 
} 

И header.php

<ul class="menu-nav"> 
    <?php wp_nav_menu(array('theme_location' => 'menu')); ?> 

Answer 1

You здесь есть несколько вещей. По умолчанию WordPress разбивает jQuery UI на свои составные части и регистрирует каждую часть отдельно. Обработчик jQuery, зарегистрированный в WordPress, фактически регистрирует два сценария: jquery-core и jquery-migrate. Если вы хотите просто отменить регистрацию jQuery, используйте дескриптор jquery-core.

Если вы хотите выгрузить поставляемый код Word jQuery для WordPress, вам сначала нужно wp_deregister_script ('jquery-ui-core'), поскольку в WordPress отсутствует jquery-ui-дескриптор.

Вам не нужны парсеры вокруг исходных URL-адресов в любой из ваших строк wp_register_script: wp_register_script ('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js ");

Вы должны также включить параметр зависимостей при регистрации JQuery-UI скрипт, например:

wp_register_script ('Jquery-щ', 'https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js', массив ('JQuery'));

Вся JQuery UI обрабатывает предварительно зарегистрированный в WordPress ниже:

JQuery-щ-жильный, JQuery эффекты-жильный, JQuery эффекты слепого, JQuery эффекты дребезга, JQuery -effects-клип, JQuery эффекты падения, JQuery эффектов-взрываются, JQuery эффектов-выцветанию, JQuery эффекты раза, JQuery эффектов-событие, JQuery-эффекты-пульсирует, jquery- эффекты-масштаб, jquery-effects-shake, JQuery эффекты слайд, JQuery эффекты переноса, JQuery-щ-гармошка, JQuery-щ-автозаполнения, JQuery-UI-кнопки, JQuery-щ-DatePicker, JQuery-UI-диалог, JQuery-щ-перетаскиваемый, JQuery-щ-Droppable, JQuery-щ-меню, JQuery-щ-мыши, JQuery-щ-положение, JQuery-щ-прогрессбар, JQuery-щ-изменяемое, JQuery -ui-selectable, jquery-ui-slider, jquery-ui-sortable, jquery-ui-spinner, jquery-ui-tabs, jquery-ui-tooltip, jquery-ui-widget