javascript - 从 Asp :Menu 运行每个 MenuItem 的 javascript 函数

Question

我想在 asp:menu 的每个 MenuItem 上运行一个简单的 javascript 函数。

<asp:Menu ID="_mainMenu" runat="server" ClientIDMode="Static" EnableTheming="False"
StaticBottomSeparatorImageUrl="~/Images/menuSeparator.gif" Orientation="Horizontal"
RenderingMode="Table" OnMenuItemClick="_menu_MenuItemClick" SkipLinkText="">
</asp:Menu>

如果我在 Page_Init _mainMenu.Attributes.Add("onclick", "javascript:jsFunction();") 上添加属性，我只会在描述菜单的表上获得 onclick 事件每个 MenuItem 都是指向其他页面的链接。

Answer 1

首先给菜单添加css类:

<asp:Menu ID="_mainMenu" runat="server" CssClass="MyMenu" ...

然后就可以使用这段jQuery代码来处理里面所有链接的点击事件了:

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

上面的示例将在单击链接 href 时显示警告，您可以做任何您想做的事。它还会取消链接，只需删除“return false;”像往常一样重定向链接。