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

发布时间：2020-12-16 09:59:12 所属栏目：asp.Net 来源：网络整理

导读：我想从asp：menu中为每个MenuItem运行一个简单的 javascript函数. asp:Menu ID="_mainMenu" runat="server" ClientIDMode="Static" EnableTheming="False"StaticBottomSeparatorImageUrl="~/Images/menuSeparator.gif" Orientation="Horizontal"RenderingMod

我想从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上,而是指向其他页面的链接.

解决方法

首先将css类添加到菜单中：

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

然后你可以使用这个jQuery代码来处理里面所有链接的click事件：

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

上面的示例将在点击时显示链接href的警报,您可以执行任何您想要的操作.它也会取消链接,只需删除“return false;”行像往常一样重定向链接.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!