从 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 上收到 onclick 事件是其他页面的链接。

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;”像往常一样进行链接重定向。