Question

我有一个转发器控件，每个项目模板都有一个图像和链接按钮。

我想要做的是点击一个链接按钮，除了与点击相关的图像之外，每个图像都会达到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>

点击任何showubcats链接按钮时没有任何反应。我猜我可能走错了路线！

任何帮助都会很棒。

Answer 1

此id的html标记中的asp:LinkButton属性不会是showSubCats。我建议您在CssClass="showSubCats"上设置asp:LinkButton，然后使用此javscript：

<script type="text/javascript">

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

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

    });
</script>

降低转发器上图像的不透明度

1 个答案: