javascript - 使用特定链接打开特定的 div

Question

我已经格式化我的网站，其中链接打开不同的 div 而不是不同的页面。

类似于:

<li><a id="search-reg-options" data-display="#search-adds"
                    class="side-a-li">SEX OFFENDER SEARCH</a>
                    <div id="search-adds" class="sub-options">
                        <ul>
                            <li><a data-display="#mapdiv" class="side-a-option">SEARCH
                                    SEX OFFENDER REGISTRIES</a></li>
                            <li><a class="side-a-option">SEX OFFENDER MANAGEMENT
                                    PROGRAM SUCCESS</a></li>
                            <li><a class="side-a-option">SEX OFFENDER MANAGEMENT
                                    PROGRAM SUCCESS</a></li>
                        </ul>
                    </div></li>

    $(document).ready(function(e) {
        $('a').not($('#search-reg-options')).click(function(e) {
            $('.ui-show').removeClass('ui-show')
            var mydiv = $(this).data('display');
            $(mydiv).addClass('ui-show');
        });

        $('#search-reg-options').click(function(e) {
            $('.options-shown').removeClass('options-shown')
            var mydiv = $(this).data('display');
            $(mydiv).addClass('options-shown');
        });
    });

因此单击链接将打开一个 div，我会更改显示。这个问题是我不知道如何将用户链接到特定的 div，以便当他们单击链接时 div 已经显示。

也许一些 javascript 或其他东西可以解决这个问题？我宁愿不重建我的元素，以便每个页面都是不同的 jsp 文件。

澄清一下，

我希望 localhost:8080/frontpage/#div1 在站点加载时打开 div1...

这个 webapp 有一个 spring MVC 主干，所以如果它能以某种方式修复它。那也可以。

Answer 1

您可以使用 access location.hash(如果它存在)然后运行代码，就像有人点击 anchor 一样。

hash 属性设置或返回 URL 的 anchor 部分，包括井号 (#)。

$(document).ready(function(){

    if (location.hash.length != 0) {
        $('.ui-show').removeClass('ui-show')
        var mydiv = location.hash;
        $(mydiv).addClass('ui-show');
    }

});