Question

点按鼠标，我有一个下拉菜单。当我点击某些＆＃34;下拉链接＆＃34;时，我的网站的另一页正在打开，但菜单已关闭。我需要保持开放和实际＆＃34;下拉链接＆＃34;应以粗体显示。

以下是我所拥有的http://jsfiddle.net/dmitry313/dfgjx22j/1/

的示例

HTML：

<a href="javascript:void(0);" id="click1" class="clickme">Click me 1</a>
<ul id="menu_list" style="display:none">
    <li><a href="#">Dropdown link</a></li>
    <li><a href="#">Dropdown link</a></li>
</ul>
<br><a href="javascript:void(0);" class="clickme">Click me 2</a>
<ul style="display:none">
    <li><a href="#">Dropdown link</a></li>
    <li><a href="#">Dropdown link</a></li>
</ul>

在这里，我有一个重定向到另一个网站页面：

<li><a href="#">Dropdown link</a></li>

AJAX：

$(document).ready(function(){
    var toggleClick = function(){
        var divObj = $(this).next();
        var nstyle = divObj.css("display");

        if(nstyle == "none"){
            divObj.slideDown(false,function(){
                $("html").bind("click",function(){
                    $("html").unbind("click");
                });
            });
        }
        else {
            divObj.slideUp(true,function(){
                $("html").bind("click",function(){
                    $("html").unbind("click");
                });
            });
        }
    };
    $(".clickme").click(toggleClick);
});

感谢您的帮助！

Answer 1

为您的外部下拉链接提供一个额外的主题标签参数

<a id="dropdown-id" href="http://www.yourpage/#dropdown-link-name">Dropdown link</a>

同时为您的dropdownlink提供唯一ID

给下拉列表ul一个唯一的id名称

<ul id="sub-level-1" style="display:none">

当新页面加载时，检查url是否包含文本#dropdown-link-name，如果是，则设置要显示的下拉元素的样式：block

$(document).ready(function () {
    if (window.location.href.indexOf("#dropdown-link-name") > -1) {
        $('#dropdown-class-name').closest("#sub-level-1").css("display","block");
    }
});

通过这种方式，您必须为每个子菜单块创建一个新的jquery ready函数。我不能给你一个jsfiddle，但我在本地进行了测试并且它有效。

打开另一页网站后，打开jquery下拉菜单

1 个答案: