javascript - 无法显示之后添加的元素

Question

我有一个页面，它会显示我们的产品，所以它会加载一些图像和数据，如果我一次加载它会很大，所以我决定用 Ajax 来做，用 jQuery 来做，here是我的代码:

var static = 1;
$('.carousel-next').live('click',function(){
$(this).attr("disabled", false);
var pos_eq = static++;
var url = 'ajax/ajax.php?count=' + pos_eq;
if ($('.myList').children('li').length <= pos_eq) 
{
$.getJSON(url,function(data){
  if (data[0] != 404)
  {
$('.myList').append(data[0]);
$('.myList').children('li').eq(pos_eq).children(".stagger").css({"left":"1200px"});
$('.myList').children('li').eq(pos_eq).children(".imac").css({"left":"1200px"});
$('.myList').children('li').eq(pos_eq).children(".stagger").animate({"left":"65px","effect":"slide"},500);
$('.myList').children('li').eq(pos_eq).children(".imac").animate({"left":"350px","effect":"slide"},700); 
  }
});
}
else
{
$('.myList').children('li').eq(pos_eq).children(".stagger").css({"left":"1200px"});
$('.myList').children('li').eq(pos_eq).children(".imac").css({"left":"1200px"});
$('.myList').children('li').eq(pos_eq).children(".stagger").animate({"left":"65px","effect":"slide"},500);
$('.myList').children('li').eq(pos_eq).children(".imac").animate({"left":"350px","effect":"slide"},700); 
}
});

$('.carousel-previous').live('click',function(){
$(this).attr("disabled", false);
var pos_eq2 = static--;
if (pos_eq2 < 0)
 pos_eq2 = 0;
$('.myList').children('li').eq(pos_eq2).children(".stagger").css({"left":"-1200px"});
$('.myList').children('li').eq(pos_eq2).children(".imac").css({"left":"-1200px"});      $('.myList').children('li').eq(pos_eq2).children(".stagger").animate({"left":"65px","effect":"slide"},500);  $('.myList').children('li').eq(pos_eq2).children(".imac").animate({"left":"350px","effect":"slide"},700);
});

当我使用它时，它会从 ajax.php 页面获取数据并将其添加到页面(我在完成后看到了源代码)但它现在会显示它们，以下部分应该显示添加到页面后的元素，但它不能。

$('.myList').children('li').eq(pos_eq).children(".stagger").css({"left":"1200px"});
$('.myList').children('li').eq(pos_eq).children(".imac").css({"left":"1200px"});
$('.myList').children('li').eq(pos_eq).children(".stagger").animate({"left":"65px","effect":"slide"},500);
$('.myList').children('li').eq(pos_eq).children(".imac").animate({"left":"350px","effect":"slide"},700);

问题出在哪里？

Answer 1

Append() 需要一个 Dom 元素、一个 HTML 字符串或一个 Jquery 对象才能工作。所以也许问题出在你的数据上。你能告诉我们你从 console.log(data) 得到了什么输出吗？