0

<li>data</li>我想知道如果它使用jQuery AJAX检测到来自aspx的任何新内容,是否可以检测和淡入淡出。主要用于新闻评论系统,因此其他读者在阅读新闻时会看到一条新评论淡入淡出,以及它将如何应用于下面的代码。

  $(document).ready(function () {
            $.ajax({
                url: 'WebForm1.aspx',
                success: function (data) {
                    $("#Urunler").html(data);
                }
            });
    });

    <ul id="Urunler" runat="server">

    </ul>
4

2 回答 2

1

如果您无法更改webform1.aspx文件以仅返回新li元素,那么您可以执行以下操作 -

你的成功功能是

var count = $("#Urunler").find('li').length;
var count1 = $(data).siblings().length;
if(count < count1){
  var startIndex = count;
  while(startIndex < count1){
    var li = $($(data).siblings()[startIndex++]).clone();
    li.hide();
    $("#Urunler").append(li).fadeIn();
  }
}

这将检查 中现有li元素的数量,并将该数量与数据返回ul的总数进行检查。li如果返回的数量li更大,它一次将这些附加liul并淡入。我自己没有检查过代码,但这应该给你一个想法。

于 2013-10-28T18:32:41.143 回答
0

在这种情况下,因为您要添加到元素列表中,所以您需要使用appendTo而不是html.

$(data).appendTo('#Urunler').hide().fadeIn();

当您使用html时,它会抓取整个#Urunler元素并将其隐藏,而appendTo只允许您使用已创建的数据。

编辑:当意味着使用 appendTo 时使用 append

于 2013-10-28T17:44:05.383 回答