Intereting Posts
Контент-генератор для сайта разработки Создать виджет для отображения изображения и названия? Отображение случайного пользователя с коротким кодом Пользовательский тип сообщения и пользовательская таксономия с использованием перезаписи URL-адресов, но шаблон не WordPress .htaccess игнорировать путь и последующие файлы .htaccess в подпапках Как разрешить посетителям фильтровать сообщения по нескольким таксономии AJAX fileupload – TypeError: не функция ajaxSubmit () Добавление символьного счетчика к выделению метабокса Контейнеры разделов Wp Nav Menu Как создать крючки WP Cron на основе расписаний из плагина Advanced cron? get_template_part () не срабатывает внутри оператора switch, когда у шаблона есть новый WP_Query Слишком большие изображения вызывают ошибку при установлении подключения к базе данных «Плагин не может быть активирован, потому что он вызвал фатальную ошибку». Страница, чтобы показать ссылку на каждый файл в каталоге Как я могу условно изменить заголовок метанома таксономии?

Вкладка jQuery UI не работает на странице плагина

Я пытаюсь показать вкладку jquery-ui на странице плагина через функцию billing_settings_page . Поскольку jQuery и пользовательский интерфейс jQuery загружаются автоматически, поэтому я думал, что мне не нужно будет включать их. Но немного googling сказал мне включить jQuery UI-вкладку. Далее следует мой код. Я даже не нашел ошибку в консоли в браузере. Однако код не показывает вкладку jQuery UI.

 <?php add_action('admin_enqueue_scripts','nibiz_billing_init'); function nibiz_billing_init() { wp_enqueue_script( 'jquery-ui-tabs' ); wp_enqueue_script( 'nibiz', plugins_url( '/js/customer.js', __FILE__ )); } add_action('admin_menu', 'billing_settings_menu'); function billing_settings_menu() { add_menu_page( 'Billing Settings', 'Billing Link', 'manage_options', __FILE__, 'billing_settings_page', screen_icon('edit')); add_submenu_page( __FILE__, 'About My Plugin', 'About', 'manage_options','nibiz_about', 'billing_settings_page_about' ) ; } function billing_settings_page() { ?> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> <li><a href="#tabs-3">Third</a></li> </ul> <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> </div> <?php } ?> 

Файл custom.js имеет следующий код:

 //jquery-ui-tabs jQuery(document).ready(function($) { jQuery('#tabs').tabs(); }); 

Что я должен сделать, чтобы сделать вкладку?

Solutions Collecting From Web of "Вкладка jQuery UI не работает на странице плагина"

Сначала проверьте, правильно ли загружены файлы JS, перейдя в Chrome Developer Tools. Также проверьте, не вызывает ли какой-либо другой скрипт какую-либо ошибку или нет. Вы можете проверить это с помощью инструментов Chrome Dev.

Некоторые улучшения:

Добавьте jquery-ui-tabs в качестве зависимости от скрипта nibiz и я предложу переписать custom.js JavaScript custom.js . Таким образом, весь ваш код будет выглядеть следующим образом:

 add_action('admin_enqueue_scripts','nibiz_billing_init'); function nibiz_billing_init() { // Don't need to wp_enqueue_script( 'jquery-ui-tabs' ) since you're in the admin panel. // wp_enqueue_script( 'jquery-ui-tabs' ); // Add 'jquery-ui-tabs' as dependency. wp_enqueue_script( 'nibiz', plugins_url( '/js/customer.js', __FILE__ ), array('jquery-ui-tabs')); } add_action('admin_menu', 'billing_settings_menu'); function billing_settings_menu() { add_menu_page( 'Billing Settings', 'Billing Link', 'manage_options', __FILE__, 'billing_settings_page', screen_icon('edit')); add_submenu_page( __FILE__, 'About My Plugin', 'About', 'manage_options','nibiz_about', 'billing_settings_page_about' ); } function billing_settings_page() { ?> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> <li><a href="#tabs-3">Third</a></li> </ul> <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> </div> <?php } ?> 

И код custom.js будет –

 //jquery-ui-tabs (function($) { // After the document is ready $(function(){ $('#tabs').tabs(); }); })(jQuery); 

Надеюсь, это поможет.