Utworzyłem wysuwany panel boczny, w którym znajduje się grupa przycisków. Dla każdego przycisku przypisana jest w PHP treść jaka ma zostać załadowana po jego kliknięciu. W załadowanej treści chcę umieścić przycisk powrotu, który wracałby do wszystkich przycisków.
Kod panelu:
Skrypt:
jQuery( document ).ready( function( $ ) { $( '.sidemenu button' ).on('click', function( event ) { event.preventDefault(); var content = $( this ).data( 'content' ); $( '.sidemenu .content' ).empty(); $.ajax( { url: ajaxobject.ajaxurl, type: 'get', dataType: 'html', data: { action: 'sidemenu_content', content: content, }, success: function( result) { $( '.sidemenu .content' ).append( result ); console.log(result); } }); }); });
PHP:
function sidemenu_content() { $content= $_GET['content']; if ( $content == 'btn1' ) { require_once( get_template_directory() . '/sidemenu/btn1.php' ); } elseif ( $content == 'btn2' ) { require_once( get_template_directory() . '/sidemenu/btn2.php' ); } elseif ( $content == 'btn3' ) { require_once( get_template_directory() . '/sidemenu/btn3.php' ); } } wp_die(); }
Kod w takiej formie dział i ładuje się wskazana treść. Tylko jak poprawnie wkomponować w to przycisk powrotny, który będzie umieszczony w każdym z trzech plików php?
Jestem dość nowy w ajax i będę wdzięczny za pomoc.