Cześć wszystkim!
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:
<http://december.com/html/4/element/div.html class="sidemenu"> <http://december.com/html/4/element/div.html class="content"> <http://december.com/html/4/element/button.html data-content="btn1">Pokaż treść btn1</http://december.com/html/4/element/button.html> <http://december.com/html/4/element/button.html data-content="btn2">Pokaż treść btn2</http://december.com/html/4/element/button.html> <http://december.com/html/4/element/button.html data-content="btn3">Pokaż treść btn3</http://december.com/html/4/element/button.html> </http://december.com/html/4/element/div.html> </http://december.com/html/4/element/div.html>
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); } }); }); });
function sidemenu_content() { if( http://www.php.net/isset( $_GET['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(); }
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)