0

アイテム テンプレートごとに 1 つの画像とリンク ボタンを持つリピーター コントロールがあります。

私がやりたいのは、リンク ボタンがクリックされたときに、クリックに関連するものを除く各画像が 50% の不透明度になることです。

<asp:Repeater ID="Categories" runat="server" OnItemCommand="showSubCat_itemCommand">
    <HeaderTemplate></HeaderTemplate>
    <ItemTemplate>
       <div class="catListing">   
       <img class="RepeaterImage" src="/images/<%#Eval("imageUrl").ToString()  ?? "" %>"/>
       <asp:LinkButton ID="showSubCats" runat="server" text='<%# Eval("Name") %>' CommandArgument='<%# Eval("id") %>'/>   
       </div>
    </ItemTemplate>
    <FooterTemplate></FooterTemplate>
</asp:Repeater>

これは私のリピーターです。私はこのようなものがうまくいくことを望んでいました:

<script type="text/javascript">

$('[ID*="showSubCats"]').click(function () {
    debugger;
       $(".RepeaterImage").not(this).stop().animate({ opacity: 0.4 }, 300);
       $(this).stop().animate({ opacity: 1.0 }, 300);

    });
</script>

showsubcats リンク ボタンのいずれかがクリックされても、何も起こりません。私は間違った軌道に乗っている可能性があると思います！

どんな援助も素晴らしいでしょう。

4

1 に答える 1

1

このidための html-markup の属性は でasp:LinkButtonはありませんshowSubCats。CssClass="showSubCats"に設定してasp:LinkButtonから、次の JavaScript を使用することをお勧めします。

<script type="text/javascript">

    $('.showSubCats').click(function () {

       $(".RepeaterImage").not(this).stop().animate({ opacity: 0.4 }, 300);
       $(this).stop().animate({ opacity: 1.0 }, 300);

    });
</script>
于 2013-02-11T14:02:16.433 に答える