-
-
Save pgroot91/3a65fa57b9d65a635b2936557d3b80f1 to your computer and use it in GitHub Desktop.
Twenty Fifteen AJAX
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| add_action( 'wp_ajax_nopriv_ajax_pagination', 'my_ajax_pagination' ); | |
| add_action( 'wp_ajax_ajax_pagination', 'my_ajax_pagination' ); | |
| function my_ajax_pagination() { | |
| echo get_bloginfo( 'title' ); | |
| die(); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).on( 'click', '.nav-links a', function( event ) { | |
| event.preventDefault(); | |
| $.ajax({ | |
| url: ajaxpagination.ajaxurl, | |
| type: 'post', | |
| data: { | |
| action: 'ajax_pagination' | |
| }, | |
| success: function( result ) { | |
| alert( result ); | |
| } | |
| }) | |
| }) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function($) { | |
| function find_page_number( element ) { | |
| element.find('span').remove(); | |
| return parseInt( element.html() ); | |
| } | |
| $(document).on( 'click', '.nav-links a', function( event ) { | |
| event.preventDefault(); | |
| page = find_page_number( $(this).clone() ); | |
| $.ajax({ | |
| url: ajaxpagination.ajaxurl, | |
| type: 'post', | |
| data: { | |
| action: 'ajax_pagination', | |
| wp_query: ajaxpagination.wp_query, | |
| page: page | |
| }, | |
| success: function( html ) { | |
| $('#main').find( 'article' ).remove(); | |
| $('#main nav').remove(); | |
| $('#main').append( html ); | |
| } | |
| }) | |
| }) | |
| })(jQuery); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| add_action( 'wp_enqueue_scripts', 'my_enqueue_assets' ); | |
| function my_enqueue_assets() { | |
| wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: Twenty Fifteen AJAX | |
| Theme URI: http://yourwebsite.com/twentyfifteen-ajax/ | |
| Description: The Twenty Fifteen theme with additional AJAX pagination | |
| Author: Daniel Pataki | |
| Author URI: http://danielpataki.com | |
| Template: twentyfifteen | |
| Version: 1.0.0 | |
| Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated | |
| Text Domain: twentyfifteen-ajax | |
| */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function my_enqueue_assets() { | |
| wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); | |
| wp_enqueue_script( 'ajax-pagination', get_stylesheet_directory_uri() . '/js/ajax-pagination.js', array( 'jquery' ), '1.0', true ); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type='text/javascript'> | |
| /* <![CDATA[ */ | |
| var ajaxpagination = {"ajaxurl":"http:\/\/wordpress.local\/wp-admin\/admin-ajax.php"}; | |
| /* ]]> */ | |
| </script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| wp_localize_script( 'ajax-pagination', 'ajaxpagination', array( | |
| 'ajaxurl' => admin_url( 'admin-ajax.php' ) | |
| )); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function($) { | |
| $(document).on( 'click', '.nav-links a', function( event ) { | |
| event.preventDefault(); | |
| alert( 'Clicked Link' ); | |
| }) | |
| })(jQuery); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment