0

Telerik の MultiColumn RadMenu ( http://demos.telerik.com/aspnet-ajax/menu/examples/multicolumnmenu/defaultcs. aspx )。私はこれを機能させたいと切望しており、コンポーネント スイートに大金をつぎ込みたくありません。jQuery の hover(); を使用して何かに取り組んでいます。機能しますが、メニュー コンテナは何らかの理由で上にスライドしたくありません。

よろしくお願いします！

4

2 に答える 2

2

クリック用です 

<script type="text/javascript">
    $(document).ready(function() {

        $(".subMenu").hide();

        $(".btnJQUERYSubMenu").click(function() {
            $(this).next(".subMenu").slideToggle("fast");
            $(this).toggleClass("active");
            return false;
        });
    });
</script>

これは、mouserover と mouseout のもう 1 つのスクリプトです。

<script type="text/javascript">
        $(document).ready(function() {

            $(".subMenu").hide();

            $(".btnJQUERYSubMenu").mouseover(function() {
                $(this).next(".subMenu").slideToggle("fast");
                $(this).toggleClass("active")
            }).mouseout(function() {
                $(this).next(".subMenu").slideToggle("fast");
                $(this).toggleClass("active")
            });

            $(".subMenu").mouseout(function() {
                $(this).slideToggle("fast"); // or you can user hide instead of slideToogle. Something happens to css it might be about that i have css classes on testing
            });
        });
    </script>

<ul class="menu-panel">
    <li>
        <asp:HyperLink  runat="server" Text="Home"></asp:HyperLink>
    </li>
    <li>
        <asp:HyperLink ID="lnkSideMenuEstates" runat="server" Text="Estates" ></asp:HyperLink>
    </li>        
    <%--SubMenu--%>
    <li>
        <asp:HyperLink runat="server" Text="About Us" CssClass="btnJQUERYSubMenu plus" NavigateUrl="#"></asp:HyperLink>
        <div class="subMenu">
            <ul class="menu-panel paddingleft10">
                <li>
                    <asp:HyperLink runat="server" Text="Who are we"></asp:HyperLink>
                </li>                   
           </ul>
        </div>
    </li>
</ul>
于 2009-02-20T18:19:34.530 に答える
0

jQuery の UI ツールを調べます。あなたが Telerik を使用していることを考えると、ASP.NET またはその MVC を使用していると思います。MS は、jQuery を自社のもの (ASP.NET AJAX Framework) に統合しようとしています。そのため、この機能全体に慣れることで成果が得られるでしょう。アコーディオン ウィジェット、またはスライド効果はまさにあなたが探しているものかもしれません。

追加: 実験的ブランチにはメニュー ui ウィジェットがありますが、今のところ、独自のウィジェットを作成するのに行き詰まっています。

追加: これはプラグイン ( jdMenuまたはdroppy ) です。

于 2009-02-20T18:00:48.180 に答える