如何使用jquery淡入中继器链接按钮_Jquery_Asp.net_Repeater_Databound

如何使用jquery淡入中继器链接按钮

jquery asp.net

如何使用jquery淡入中继器链接按钮,jquery,asp.net,repeater,databound,Jquery,Asp.net,Repeater,Databound,我对jquery还很陌生，我浏览了一些关于W3Schools的例子，然后用谷歌搜索了我的问题，但没有找到符合我要求的答案无论如何，我有一个水平显示链接按钮的转发器。不用说，每次都会向中继器加载不同数量的链接按钮这是我正在使用的中继器： <div style="position: relative"> <asp:Repeater runat="server" ID="repStatuses" onitemdatabound="repS

我对jquery还很陌生，我浏览了一些关于W3Schools的例子，然后用谷歌搜索了我的问题，但没有找到符合我要求的答案

无论如何，我有一个水平显示链接按钮的转发器。不用说，每次都会向中继器加载不同数量的链接按钮

这是我正在使用的中继器：

    <div style="position: relative">
    <asp:Repeater runat="server" ID="repStatuses" 
            onitemdatabound="repStatuses_ItemDataBound" 
            onitemcommand="repStatuses_ItemCommand">
      <ItemTemplate>
        <asp:LinkButton ID="linkBtnStatuses" runat="server" CommandName="ShowText" CommandArgument='<%# Eval("Priority") + ";" + Eval("LevelID") + ";" + Eval("ID") %>'>
          <div runat="server" id="divSts" class="fontAriel"></div>
        </asp:LinkButton>
      </ItemTemplate>
    </asp:Repeater>
    </div>

我想使用Jquery创建淡入效果，这样每个linbutton都会在前一个按钮淡入后淡入。。。但我不知道如何将jquery代码与RepeaterItem链接按钮结合起来

下面是我希望我的应用程序看起来像的jquery示例代码：

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#d1").fadeIn(2000);
    $("#d2").fadeIn(3000);
    $("#d3").fadeIn(6000);
  });
});
</script>
</head>

<body>
<p>Demonstrate fadeIn() with different parameters.</p>
<button>Click to fade in boxes</button>

<br><br>
<div id="d1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
<div id="d2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>
<div id="d3" style="width:80px;height:80px;display:none;background-color:blue;"></div>

</body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#d1”）。fadeIn（2000年）；
美元（“#d2”）。法代因（3000）；
美元（“#d3”）。法代因（6000）；
});
});
使用不同的参数演示fadeIn（）
单击以淡入框

我需要指导，但任何帮助都将不胜感激

提前感谢

您可以将javascript循环用于睡眠：

var numberofbuttonsToDisplay = 5;

for (i=1;i<=numberofbuttonsToDisplay;i++)
{
  $('#d'+i).fadeIn(1000);
  sleep(1000);
}

var numberofbuttonsToDisplay=5；
对于（i=1；i经过一个漫长的周末，我想出了一个答案。我的js/jquery没有响应的原因似乎是因为对
的引用被破坏了
现在，解决方案如下：
$(document).ready(function () {

    $('a[id*="repStatuses"]').each(function () {
        $(this).show(2500);
        $(this).delay(1000);
    });
}); 

我在这里指的是a
，因为LinkButton是呈现给
元素的
谢谢大家的帮助：）
你的答案是一个很好的解决方案，但我想你没有安静地告诉我，我没有那些div，相反，我只有
在中继器中。我希望单独（或以某种方式）使用链接按钮，这样每个按钮都会在前一个按钮之后淡入。