Question

我有一个包含div的html文件。默认情况下，所有div都是隐藏的，每个div都有一个关联的按钮，可以取消隐藏它们（javascript）。

如何在另一个指向其中一个div的网站上创建外部链接，并加载具有可见div的页面？ http://example.com/page.html#div1有效，但div被隐藏了。

<script type="text/javascript">
    $(document).ready(function(){
        $("#div1").hide();
        $("#div2").hide();
        $("#div3").hide();

        $("#btn1").click(function(){
            $("#div1").show();
            $("#div2").hide();
            $("#div3").hide();
  });

  $("#btn2").click(function(){
            $("#div1").hide();
            $("#div2").show();
            $("#div3").hide();      
  });   

  $("#btn3").click(function(){
            $("#div1").hide();
            $("#div2").hide();
            $("#div3").show();
  });

});</script>

Answer 1

首先，从网址获取正确的var（例如，div1）：

function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

然后，创建一个jQuery函数，它将检查url字符串并在url中创建引用的div。

var divId = getParameterByName('div');

$("#div"+divId).show();

多数民众赞成。

注意：您的网址应如下所示：http://example.com/page.html?div=1

如何创建隐藏div的链接？

1 个答案: