У меня серьезные проблемы с попыткой реализовать jPanelMenu для темы, которую я создаю. Тема почти закончена, я просто пытаюсь выяснить это меню, и я могу, наконец, начать использовать его. В любом случае, если кто-нибудь может помочь мне понять, как я могу реализовать это на своем сайте, я был бы благодарен 🙂
Я думаю, что моя главная проблема заключается в том, что я до сих пор не понял, как правильно реализовать сценарии jQuery и связать их с созданным элементом, например nav-bar в WordPress.
Это то, что я сделал так далеко:
Загрузите jPanelMenu и поместите его в папку js.
Используется этот код для его реализации в функциях:
function jpanelmenu_scripts_with_the_lot() { // Register the script like this for a theme: wp_register_script( 'jpanelmenu', get_template_directory_uri() . '/js/jpanelmenu.js', array( 'jquery', 'jquery-ui-core' ), '20120208', true ); // For either a plugin or a theme, you can then enqueue the script: wp_enqueue_script( 'jpanelmenu' ); } add_action( 'wp_enqueue_scripts', 'jpanelmenu_scripts_with_the_lot' );`
Затем я вызываю навигацию в header.php:
wp_nav_menu( array( 'theme_location' => 'header-menu', 'container_class' => 'menu' ) );
Здесь я застрял с тем, что должен делать. Я делаю что-то неправильно, потому что в этот момент я не получаю никаких результатов.
Майкл
Вы можете «инициализировать» скрипт в любое время после его загрузки на страницу. Обычно я делаю это в wp_footer
(особенно если вы вставляете скрипт в нижний колонтитул), но вы также можете добавить его в wp_head
.
add_action( 'wp_footer', 'wpa_107420_footer_script' ); function wpa_107420_footer_script(){ ?> <script type="text/javascript"> jQuery(document).ready(function($) { // Stuff to do as soon as the DOM is ready; var jPM = $.jPanelMenu({ menu: '#custom-menu-selector', trigger: '.custom-menu-trigger-selector' }); }); </script> }
Вам нужно будет изменить часть скрипта в соответствии с инструкциями плагина jPanelMenu. Эта часть не по теме, но вот как вы добавляете скрипт в WordPress.