Как реализовать jPanelMenu?

У меня серьезные проблемы с попыткой реализовать jPanelMenu для темы, которую я создаю. Тема почти закончена, я просто пытаюсь выяснить это меню, и я могу, наконец, начать использовать его. В любом случае, если кто-нибудь может помочь мне понять, как я могу реализовать это на своем сайте, я был бы благодарен 🙂

Я думаю, что моя главная проблема заключается в том, что я до сих пор не понял, как правильно реализовать сценарии jQuery и связать их с созданным элементом, например nav-bar в WordPress.

Это то, что я сделал так далеко:

  1. Загрузите jPanelMenu и поместите его в папку js.

  2. Используется этот код для его реализации в функциях:

    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' );` 
  3. Затем я вызываю навигацию в 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.