关于asp.net:如何使用jquery淡入转发器LinkBut??ton

How to Fade In repeater LinkButton using jquery

我对 jquery 很陌生,我在 W3Schools 上查看了一些示例,然后用谷歌搜索了我的问题,但没有找到符合我要求的答案...

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

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

1
2
3
4
5
6
7
8
9
    <asp:Repeater runat="server"
            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 秒,同时淡入实际按钮。

相关讨论

  • 你的回答是一个很好的解决方案,但我认为你没有安静地得到我,我没有那些 div,而是我所拥有的只是 Repeater 中的 。而且我希望单独(或以某种方式)接近该链接按钮,以便每个按钮在前一个按钮之后淡入。

经过漫长的周末,我想出了一个答案..似乎我的js / jquery没有响应的原因是由于对<script src="https://www.codenong.com/script/jquery-1.8.3.min.js" type="text/javascript">的引用已损坏。

现在是解决方案:

1
2
3
4
5
6
7
$(document).ready(function () {

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

我在这里指的是 a 因为 LinkBut??ton 被渲染到一个 元素。

谢谢大家的帮助:)


以上是关于asp.net:如何使用jquery淡入转发器LinkBut??ton的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>