Question

列表项

我使用以下代码隐藏div并显示另一个。

1页

<a id="show" href="2#dk" onclick='document();'>mylink</a>
<a id="show1" href="2#dh" onclick='document();'>mylink</a>

第2页

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){

    $("#show").click(function(){
        $("dk").show();
        $("dh").hide();
    });
    $("#show1").click(function(){
        $("dh").show();
        $("dk").hide();
    });
});
</script>
</head>
<body>

<div id="dk">mylink</a>
<div id="dh">mylink</a>
</body>
</html>

这适用于一个页面，但不会在锚标记加载另一个页面之后。

PREMISE 我有页面： -

第一
second

我想要页面上的链接和第二页上的div

frist page links
divs

目的

如果页面是第一页，则链接需要在此页面上
如果页面是第二页，那么我希望隐藏未链接到点击链接的div

你可以在这里看到我的意思，即使我会将ppl可以查看代码并尝试他们想要的帐户detials http://testscripten.enjin.com/login

用户名：testscripten
密码：test12345

转到管理员，然后进行修改页面布局和文本旁边的铅笔将更改html或java

Answer 1

使用AngularJS和SPA模型来避免重新加载页面。
您还可以在url中使用变量
如果您需要重新加载页面并在不同页面上设置值，则必须设置cookie或webStorage http://www.w3schools.com/html/html5_webstorage.asp
你为什么不用php？

Answer 2

我认为您可以使用window.location.href来获取您当前所在页面的链接，然后隐藏/显示您的按钮。

<强> JAVASCRIPT

var pageName = window.location.href;
$(document).ready(function(){

    if(pageName === "dh"){
        $("#show").show();
        $("#show1").hide();
    } else if(pageName === "dk") {
        $("show1").show();
        $("show").hide();
    }
});

<强> HTML

<a id="show" href="dk">mylink</a> <!--No need for onclick if you're using jQuery-->
<a id="show1" href="dh">mylink</a> <!--No need for onclick if you're using jQuery-->

我不确定“dk”和“dh”是真正的链接，如果你把它们保留为占位符那么这应该可行。

Answer 3

根据包含您指定的字符串的路径名称显示/隐藏：

$(document).ready(function(){
    $('div.toShowOnFirstPage').toggle(location.pathname.indexOf("first")!== -1);
    $('div.toShowOnSecondPage').toggle(location.pathname.indexOf("second")!== -1);
});

单击另一个页面显示和隐藏div

3 个答案: