您要求加载下一页,但如果您只需要图像,则加载整个页面是没有意义的。下面的内容就可以做到这一点。
The HTML
至少添加一个包装器div来隔离我们要替换的图像,这样就可以在ajax响应中搜索我们要用来替换当前图像的新图像。
<div class="image-wrap"><a class="ajax-load-next" href="http://linktopage.com/2/"><img src="blah1.jpg" alt=""/></a></div><!--nextpage-->
<div class="image-wrap"><a class="ajax-load-next" href="http://linktopage.com/3/"><img src="blahab.jpg" alt=""/></a></div><!--nextpage-->
<div class="image-wrap"><a class="ajax-load-next" href="http://linktopage.com/4/"><img src="blahco.jpg" alt=""/></a></div><!--nextpage-->
<div class="image-wrap"><a class="ajax-load-next" href="http://linktopage.com/5/"><img src="blahneat.jpg" alt=""/></a></div>
The Javascript
这应该放在您现有的
$(document).ready(function(){ ... });
作用
$(\'body\').on(\'click\', \'.image-wrap\', function(e) { // listen for \'click\' on our \'.image-wrap\' element
e.preventDefault(); // Prevents default behavior on the a element
$.ajax({
url: $(this).find( \'a\' ).attr( \'href\' ), // the url we are fetching by ajax
success: function (response) {
newImg = $(response).find(\'.image-wrap\').html(), // get the new href link and image from the response, contained in div.image-wrap
$( \'div.image-wrap\' ).html( newImg ); // set the new html for our inner div
}
}).fail(function (data) {
if ( window.console && window.console.log ) {
console.log( data ); // log failure to console
}
});
});
EDIT
要添加脚本,请通过
wp_enqueue_script
只需将此添加到
functions.phpadd_action( \'wp_enqueue_scripts\' \'my_custom_js\');
function my_custom_js(){
wp_enqueue_script( \'main-js\', get_stylesheet_directory_uri() . \'/js/main.js\' , array( \'jquery\' ), \'1.0.0\', true );
}
然后在你的
themes folder 创建文件
main.js
在a中
js
文件夹,然后向其中添加上面的javascript代码。文件应位于
theme_folder/js/main.js
上述脚本应加载到document ready中
$(document).ready(function(){
// Script
});
的参数
wp_enqueue_script
功能如下
参数1:脚本句柄。应该是唯一的名称,用于标识正在加载的脚本。例如,如果需要取消注册脚本,可以调用wp_dequeue_script
然后用这个把手
参数2:您正在加载的文件的位置参数3:此文件的依赖项数组(应该在之前加载的文件,这里我们需要jQuery参数4:此文件的版本(可选)参数5:脚本是在页面开始时加载还是在关闭之前加载</body>
标签true
交割前的平均值</body>
标签违约false