Question

我使用this插件来切换一些隐藏的div。

每个div都有一个个人ID。有没有办法通过直接链接显示选定的div？

例如，输入domain.com/page.php#HiddenDiv2将切换<div id="HiddenDiv2">

这是我的页面：http://www.snblodz.com.pl/?page_id=14

Answer 1

您可以使用jQuery ready事件以及JavaScript onhashchange事件来执行您需要的操作。以下是一些示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test Page</title>
    <style>
        .hidden {
            display: none;
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        $(function() {
            showHiddenDiv();
            window.onhashchange = showHiddenDiv;
        });
        function showHiddenDiv() {
            $(window.location.hash).show();            
        }
    </script>
</head>
<body>
    <div id="div-1" class="hidden">Div 1</div>
    <div id="div-2" class="hidden">Div 2</div>
    <div id="div-3" class="hidden">Div 3</div>
</body>
</html>

要查看哪些浏览器支持onhashchange事件，请查看此处：http://caniuse.com/#search=onhashchange

直接链接到隐藏的div

1 个答案: