Jquery 获取附加的JSON<；李>；图像显示url是否正确附加

我正在通过jquery添加我的wordpress帖子数据<代码>

正确追加显示在

中的文本url也在追加，但未显示图像，但在windows上显示图像会重新调整大小。我无法解决问题，任何解决方案或技巧都是好的

以下是我的jquery代码：

$(document).ready(function(){
var url2 = location.hostname;
var count= 0;

$('#client-list').click(function(){ 
$('#loading').show();
$.getJSON('http://'+url2+'/?json=get_category_posts&slug=blog',function(data) {

    $('#appended').append('<li class="refresh"><aside class="just-text"><a><div style="color: #000000;"><img src="'+data.posts[count].attachments[0].url+'" style="width:100%"></div><div class="on-hover"></div></a></aside></li>');
    $('#appended').append('<li class="refresh"><aside class="just-text"><div style="color: #000000; "><div class="textContainer"><text><div id="subHeading" style="color:black;height:1.2em!important;font-size:1.4em!important">'+data.posts[count].date+'</div><div id="subHeading2"><a href="<?= get_permalink();?>">'+data.posts[count].title+'</a></div></text></div></div><div class="on-hover"></div></a></aside></li>');
    count++;

    $('#appended').append('<li class="refresh"><aside class="just-text"><a><div style="color: #000000;"><img src="'+data.posts[count].attachments[0].url+'" style="width:100%"></div><div class="on-hover"></div></a></aside></li>');
    $('#appended').append('<li class="refresh"><aside class="just-text"><div style="color: #000000; "><div class="textContainer"><text><div id="subHeading" style="color:black;height:1.2em!important;font-size:1.4em!important">'+data.posts[count].date+'</div><div id="subHeading2"><a href="<?= get_permalink();?>">'+data.posts[count].title+'</a></div></text></div></div><div class="on-hover"></div></a></aside></li>');
    count++;
})
.done(function( json ) {
       //$('#loading').hide();
});

   });
});

$（文档）.ready（函数（）{
var url2=location.hostname；
var计数=0；
$（“#客户端列表”）。单击（函数（）{
$（“#加载”）.show（）；
$.getJSON（'http://'+url2+'/？json=get\u category\u posts&slug=blog'，函数（数据）{
$（“#追加”）.append（“
”）；
计数++；
$（“#追加”）.append（“
”）；
计数++；
})
.done（函数（json）{
//$（“#加载”）.hide（）；
});
});
});

工作代码：

---

单击底部的“更多”

我怀疑wordpress将一些默认javascript事件绑定到window.onresize，并使用javascript计算每个图像的高度。我认为解决这个问题最方便的方法是通过编程方式触发

resize

事件：

$(document).ready(function(){
var url2 = location.hostname;
var count= 0;

$('#client-list').click(function(){ 
$('#loading').show();
$.getJSON('http://'+url2+'/?json=get_category_posts&slug=blog',function(data) {

    $('#appended').append('<li class="refresh"><aside class="just-text"><a><div style="color: #000000;"><img src="'+data.posts[count].attachments[0].url+'" style="width:100%"></div><div class="on-hover"></div></a></aside></li>');
    $('#appended').append('<li class="refresh"><aside class="just-text"><div style="color: #000000; "><div class="textContainer"><text><div id="subHeading" style="color:black;height:1.2em!important;font-size:1.4em!important">'+data.posts[count].date+'</div><div id="subHeading2"><a href="<?= get_permalink();?>">'+data.posts[count].title+'</a></div></text></div></div><div class="on-hover"></div></a></aside></li>');
    count++;

    $('#appended').append('<li class="refresh"><aside class="just-text"><a><div style="color: #000000;"><img src="'+data.posts[count].attachments[0].url+'" style="width:100%"></div><div class="on-hover"></div></a></aside></li>');
    $('#appended').append('<li class="refresh"><aside class="just-text"><div style="color: #000000; "><div class="textContainer"><text><div id="subHeading" style="color:black;height:1.2em!important;font-size:1.4em!important">'+data.posts[count].date+'</div><div id="subHeading2"><a href="<?= get_permalink();?>">'+data.posts[count].title+'</a></div></text></div></div><div class="on-hover"></div></a></aside></li>');
    count++;
})
.done(function( json ) {
       //$('#loading').hide();
  $(window).resize();
});

   });
});

$（文档）.ready（函数（）{
var url2=location.hostname；
var计数=0；
$（“#客户端列表”）。单击（函数（）{
$（“#加载”）.show（）；
$.getJSON（'http://'+url2+'/？json=get\u category\u posts&slug=blog'，函数（数据）{
$（“#追加”）.append（“
”）；
计数++；
$（“#追加”）.append（“
”）；
计数++；
})
.done（函数（json）{
//$（“#加载”）.hide（）；
$（窗口）.resize（）；
});
});
});

单击按钮将抛出：

Uncaught TypeError: Cannot read property 'attachments' of undefined 

我认为你的计数造成了问题。不要使用计数，请尝试以下操作：

$.getJSON('http://'+url2+'/?json=get_category_posts&slug=blog',function(data) {
$.each(data, function(i, post){
    $('#appended').append('... post.attachments[0].url ...
    $('#appended').append('... post.date ...
})

$。每个人只需浏览每个帖子，而不是使用索引