aspmenu項目上調用jquery函數點擊

Question

我有asp項目onmy項目和菜單項的子菜單上單擊我想彈出一個div對話框。 我aspmenuitem在這裏

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
    <Items> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Parties.aspx" Text="Parties" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Accounts.aspx" Text="Accounts" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Funds.aspx" Text="Funds" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/FundTransfer.aspx" Text="Fund Transfer" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Receipts.aspx" Text="Receipts" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Payments.aspx" Text="Payments" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/AccountCategory.aspx" Text="Account Category" /> 
     <asp:MenuItem Text="Reports"> 
     <asp:MenuItem CssClass="sd" Text="Bank Reconcilation" /> 
     <asp:MenuItem Text="Anexure" /> 
     <asp:MenuItem Text="Statements" /> 
     <asp:MenuItem Text="Categorywise Statements" /> 
     </asp:MenuItem> 
    </Items> 
</asp:Menu> 

這裏我用的CssClass了這一點，但它給了我運行時錯誤：「菜單項沒有名爲‘的CssClass’公共財產」

好心幫我解決這個問題如前所述 預先感謝

Answer 1

更新你的菜單如下：

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
    <LevelSubMenuStyles> 
     <asp:submenustyle /> 
     <asp:submenustyle CssClass="sd"/> 
    </LevelSubMenuStyles> 
    <Items> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Parties.aspx" Text="Parties" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Accounts.aspx" Text="Accounts" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Funds.aspx" Text="Funds" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/FundTransfer.aspx" Text="Fund Transfer" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Receipts.aspx" Text="Receipts" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/Payments.aspx" Text="Payments" /> 
     <asp:MenuItem NavigateUrl="~/Cashbook/AccountCategory.aspx" Text="Account Category" /> 
     <asp:MenuItem Text="Reports"> 
      <asp:MenuItem Text="Bank Reconcilation" /> 
      <asp:MenuItem Text="Anexure" /> 
      <asp:MenuItem Text="Statements" /> 
      <asp:MenuItem Text="Categorywise Statements" /> 
     </asp:MenuItem> 
    </Items> 
</asp:Menu> 

然後添加DIV標籤的對話框：

<div id="dialog" title="Contact form"> 
    <p>Hi, I am dialog</p> 
</div> 

然後添加腳本初始化，並通過點擊子菜單

<script type="text/javascript"> 

    // this initializes the dialog (and uses some common options that I do) 
    $("#dialog").dialog({ autoOpen: false, modal: true, show: "blind", hide: "blind" }); 


    $('.sd').click(function() { 
     $("#dialog").dialog("open"); 
     return false; 
    }); 

</script>