Question

我正在使用它来获取我网站上的可扩展菜单

        $(document).ready(function () {                
            $('li.category').addClass('plusimageapply');
            $('li.category').children().addClass('selectedimage');
            $('li.category').children(":not(a)").hide();
            $('li.category').each(
            function (column) {
                $(this).click(function (event) {
                    if (this == event.target) {
                        if ($(this).is('.plusimageapply')) {
                            $(this).children().show(200);
                            $(this).removeClass('plusimageapply');
                            $(this).addClass('minusimageapply');
                        }
                        else {
                            $(this).children(":not(a)").hide(200);
                            $(this).removeClass('minusimageapply');
                            $(this).addClass('plusimageapply');
                        }
                    }
                });
            }
            );
        });

如何让它自动扩展到当前菜单？我的链接格式为

/Article/Category1/Category3

如果我在这个URL，我想要扩展Category1下的Category3。菜单项的格式为

<li class="category">
    <a href"/Article/Category1/Category3/">Category3</a>
    <ul> ... [more sub-categories] ... </ul>
</li>

Answer 1

使用window.location.pathname将其与菜单的链接相匹配。

请参阅此问题以了解如何使用jQuery执行此操作：

Use jQuery to match current URL to herf in a UL and add class if matched

根据url自动扩展JQuery嵌套菜单

1 个答案: