How to Fade In repeater LinkButton using jquery
我对 jquery 很陌生,我在 W3Schools 上查看了一些示例,然后用谷歌搜索了我的问题,但没有找到符合我要求的答案...
无论如何,我有一个水平显示链接按钮的中继器。不用说,每次都会向中继器加载不同数量的此类链接按钮。
这是我正在使用的中继器:
1 2 3 4 5 6 7 8 9 | <asp:Repeater runat="server" ID="repStatuses" onitemdatabound="repStatuses_ItemDataBound" onitemcommand="repStatuses_ItemCommand"> <ItemTemplate> '> </asp:LinkButton> </ItemTemplate> </asp:Repeater> |
我想使用 Jquery 创建 Fade In 的效果,以便每个 linbutton 在前一个淡入之后也会淡入...但我不知道如何将 jquery 代码与 RepeaterItem LinkBut??ton 组合.
这是我希望我的应用程序看起来像这样的 jquery 示例代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $(document).ready(function(){ $("button").click(function(){ $("#d1").fadeIn(2000); $("#d2").fadeIn(3000); $("#d3").fadeIn(6000); }); }); </head> <body> <p>Demonstrate fadeIn() with different parameters.</p> <button>Click to fade in boxes</button> </body> </html> |
我需要指导,但我们将不胜感激。
提前致谢
您可以使用带有 sleep 的 javascript 循环:
1 2 3 4 5 6 7 | var numberofbuttonsToDisplay = 5; for (i=1;i<=numberofbuttonsToDisplay;i++) { $('#d'+i).fadeIn(1000); sleep(1000); } |
它会在显示下一个按钮之前等待 1 秒,同时淡入实际按钮。
经过漫长的周末,我想出了一个答案..似乎我的js / jquery没有响应的原因是由于对
现在是解决方案:
1 2 3 4 5 6 7 | $(document).ready(function () { $('a[id*="repStatuses"]').each(function () { $(this).show(2500); $(this).delay(1000); }); }); |
我在这里指的是
谢谢大家的帮助:)