0

私は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 を使用してフェードインの効果を作成し、前のボタンもフェードインした後に各ボタンがフェードインするようにしたいのですが、jquery コードと RepeaterItem LinkBut​​ton を組み合わせる方法がわかりません。

アプリケーションを次のようにしたい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>

ガイダンスが必要ですが、どんな助けでも大歓迎です。

前もって感謝します

4

2 に答える 2

2

スリープで JavaScript ループを使用できます。

var numberofbuttonsToDisplay = 5;

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

実際のボタンをフェードインしている間、次のボタンを表示する前に 1 秒待機します。

于 2012-12-27T13:24:58.590 に答える
0

長い週末の後、私は答えを思いつきました..私のjs / jqueryが応答しなかった理由は、への参照<script src="../../script/jquery-1.8.3.min.js" type="text/javascript"></script>が破損していたことが原因だったようです。

これが解決策です：

$(document).ready(function () {

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

aLinkBut​​ton が要素にレンダリングされるため、ここを参照します<a>。

助けてくれてありがとう:)

于 2012-12-30T07:53:09.333 に答える