| Server IP : 14.207.165.8 / Your IP : 216.73.216.26 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/thread-self/root/var/www/html/ppaobm/vendor/webcreate/jquery-ias/doc/cookbook/ |
Upload File : |
Integrate Infinite AJAX Scroll with Wordpress
=============================================
In this cookbook we install Infinite AJAX Scroll into the default Twenty Twelve theme.
1) Download [jquery-ias.min.js](https://infiniteajaxscroll.com/download.html).
2) Copy `jquery-ias.min.js` into the folder `wp-content/themes/twentytwelve/js`
3) Open `wp-content/themes/twentytwelve/header.php` in your editor
4) Add jQuery to the theme. To do so, paste the following code before the line with "`</head>`":
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
5) Paste the following code before the line with "`</head>`":
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-ias.min.js" type="text/javascript"></script>
6) Now paste the following code before the line with "`</head>`":
<script type="text/javascript">
var ias = $.ias({
container: "#content",
item: ".post",
pagination: ".navigation",
next: ".nav-previous a",
});
ias.extension(new IASTriggerExtension({offset: 2}));
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension());
</script>
Done. Happy scrolling!