在asp.net菜单项上的JQuery单击方法？

Question

我有asp.net菜单项<asp:MenuItem NavigateUrl="" Text="Download" Value="Download"/>。单击此项时，我想执行jQuery单击方法。我们怎么能这样做？

Answer 1

为菜单项提供一个CssClass属性和一些类。在客户端找到使用该类的元素并将click事件处理程序附加到它。

<asp:MenuItem NavigateUrl="" CssClass="menuItem" Text="Download" Value="Download"/>

的js

$('.menuItem').click(function(){
    //do stuff here
});

<强>更新

我认为你可以用这种方式指定css类。

<asp:Menu ID="mainMenu" runat="server">
    ..
    <asp:MenuItem NavigateUrl="" CssClass="menuItem" Text="Download" Value="Download"/>
    ..
    <StaticMenuItemStyle CssClass="menuItem" />
</asp:Menu>

Answer 2

示例JQuery

<script language="javascript" type="text/javascript">
   $(function () {
        $(".MyMenu a").each(function (index) {
             $(this).click(function () {
                 alert(index);
                 return false;
             });
        });
   });
</script>

---

修改HTML

<asp:Menu ID="_mainMenu" RenderingMode="Table" runat="server" CssClass="MyMenu" autopostback="true">
    <Items>
        <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
        <asp:MenuItem Text="Index" Value="Home"></asp:MenuItem>
    </Items>
</asp:Menu>

---

注意 - RenderingMode="Table"