全部, 我使用Wordpress,我在短代码中有很多代码,以某种布局显示我的博客。我也使用同位素插件,我也使用无限滚动插件。
无限滚动使用我追踪的目标网址来使用此代码:
instance._debug('Using HTML via .load() method');
box.load(desturl + ' ' + opts.itemSelector, undefined, function infscr_ajax_callback(responseText) {
instance._loadcallback(box, responseText, desturl);
});
对于他们来说这很有效,只加载我想要的内容,基本上只有内容基本上只有div中的数据,其中包含" post"。通常肯定会有超过一个div与一类帖子,每次都会返回。我想使用.load,因为在帖子中显示内容的代码很多,我不想用ajax重复它。
如何只显示加载函数返回的部分内容?
我尝试执行以下操作:
var desturl = 'http://localhost:1234/vendor_new/display-vendor-results/page/1/?category_id=' + selector + '/';
$( ".vendor_change_container" ).load( desturl + " .type-post", function( response, status, xhr ) {
alert(status);
alert(response);
if ( status == "error" ) {
var msg = "Sorry but there was an error: ";
alert(msg);
$( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
}
});
我的更改容器类中没有更新任何内容。我有什么想法,我做错了什么?该函数返回成功并返回html但没有显示任何内容。在我的控制台中,我看到一条消息Uncaught TypeError: Object [object Object] has no method 'datepicker'
这不重要,因为我只是试图只返回带帖子的div。
提前致谢!
答案 0 :(得分:2)
我不确定我是否已完全理解您的问题,您是否查看了jQuery .load()的文档,特别是Loading Page Fragments?是否要“缓存”返回的结果并从结果集添加到div?
您应该只能通过以下方式插入帖子:
$(box).load(desturl + ' ' + opts.itemSelector);
我假设opts.itemSelector等于.posts
来过滤掉你需要的元素。否则:
$(box).load(desturl + ' .posts');