0

所以我使用 JSON 和 jQuery 将新活动拉入活动提要。我正在寻找最新的条目来“下推”以前的最新条目。非常感谢任何提示：D

提要的 HTML 结构：

    <div id="activityspot">
        <div class="entry template">
            <div class="actProfilePic"></div>
            <div class="actMessage"></div>
            <div class="actName"></div>
            <div class="actContent"></div>
            <div class="actImage"></div>
        </div>
    </div>

jQuery：

for (var j = 0; j < jsonData.items.length; j++) {
  var entryData = jsonData.items[j];
  var entry = template.clone();
  entry.removeClass("template");

  entry.find(".message").text(entryData.statusid); 
  entry.find(".actName").text(entryData.name); 
  entry.find(".actContent").text(entryData.content);

  //get the users ProfilePic
  var profileImg = $("<img />");
  profileImg.attr("src", "./img/" +entryData.profilePic);
  profileImg.addClass("feed-user-img");
  entry.find(".actProfilePic").append(profileImg);

  //Get user-uploaded images.
  entry.find(".actImage").text(entryData.imageKey);
  if (entryData.imageKey != "") 
        {
          var img = $("<img />"); // Create the image element
          img.attr("src", "http://spartadev.s3.amazonaws.com/" + entryData.imageKey); // Set src to the s3 url plus the imageKey
          entry.find(".actImage").append(img); // Append it to the element where it's supposed to be
        }
  spot.prepend(entry); //Finish off by prepending the new entry to the top of the feed
}
4

1 回答 1

1

spot.prepend(entry) 返回活动点，隐藏和淡入将应用于活动点。

当您将其应用于最新条目时，首先您必须选择最新条目，然后像这样应用隐藏和淡入

spot.prepend(entry);
spot.find(".entry.template").first().hide().fadeIn();

first() 在您添加元素时被调用，因此假设最新条目是“条目模板”类的活动点的第一个子元素

于 2013-09-23T13:05:50.823 回答