Question

假设我有一个位于隐藏div（display:none）内的内部链接 - 单击按钮时div会切换：

<a name="here">Show me!</a>

当有人输入网址时，如何使元素可见：mypageurl＃此处，而不点击切换按钮（默认情况下，当此特定链接为输入的）？

Answer 1

您可以使用CSS“visibility：hidden”，然后当有人输入某个短语时，使用JavaScript将其更改为“visibility：visible”。

或者，您可以使用display：“”;或显示：当发生相同的动作时，阻止“display：none”div，再次使用一些JavaScript。

Answer 2

您可以使用以下脚本。

<script>
$(document).ready(function(){
    var loc = document.location.hash;
    if(loc == "#test")
    {
        $('#test').show();
    }
});
</script>

Answer 3

＆＃13;

$().ready(function () {
    var hash = $.trim(window.location.hash);
    if (hash != '') {
        var prt = $('[name="' + hash.substr(1) + '"]').parent();
        prt.show();
    }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="display:none;"><a name="here">Show me!</a></div>

＆＃13;

完整代码！

Answer 4

以下是我制作的简单页面的源代码：

<html>
<script src="http://code.jquery.com/jquery-latest.min.js "></script>
<body>
<div id="hide" style="display:none">
    <a name="here">Show me!</a>
</div>
</body>

<script>
    $(document).ready(function(){
        if(document.location.href.search("#hide")>0){
            $("#hide").toggle();
        }
    });
</script>
</html>

如果网页包含文字hide，它会显示带有 id "#hide"的 div ，否则它会保持隐藏状态。

显示隐藏div中的链接

4 个答案: