Javascript 单击另一页显示和隐藏div 列表项_Javascript_Jquery_Html_Css

Javascript 单击另一页显示和隐藏div 列表项

javascript jquery html css

Javascript 单击另一页显示和隐藏div 列表项,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用以下代码隐藏一个div并显示另一个第1页第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(func

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

第1页

第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>


$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$（“dk”）.show（）；
$（“dh”）.hide（）；
});
$（“#显示1”）。单击（函数（）{
$（“dh”）.show（）；
$（“dk”）.hide（）；
});
});
mylink
mylink

这在一个页面上有效，但在锚标记加载另一个页面后无效

前提我有几页：-

首先

第二

我想在第二页的链接和div

第一页链接

divs

目标

如果该页面是第一页，则链接需要位于该页面上

如果页面是第二页，那么我希望隐藏未链接到所单击链接的div

你们可以在这里看到我的意思，即使我会把帐户的详细信息，ppl可以看看代码，并尝试，如果他们愿意

用户名：testscripten
密码：test12345
转到管理，然后编辑页面布局和文本旁边将用铅笔更改html或java

使用AngularJS和SPA模型避免重新加载页面

您还可以在url中使用变量

如果您需要重新加载页面并在不同页面上具有值，则必须设置cookie或webStorage

为什么不使用php呢

使用AngularJS和SPA模型避免重新加载页面

您还可以在url中使用变量

如果您需要重新加载页面并在不同页面上具有值，则必须设置cookie或webStorage

为什么不使用php呢

我认为您可以使用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”是否是真正的链接，如果您将它们保留为占位符，那么这应该会起作用。

我认为您可以使用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”是否是真正的链接，如果您将它们保留为占位符，那么这应该可以工作。

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

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

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

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

请显示您正在谈论的另一个html文档。您有两个div。你想在div之间切换吗？有2个链接，因此如果你点击它，会显示链接到该链接的一个链接，并将另一个隐藏在你编写的标记中。它甚至不是有效的HTML。将两个div放在两个单独的文件中，并在第一页链接它们。对于获得2#dk，2是第2页，因为它是一个enjin站点无法使用。html请显示您正在谈论的其他html文档。您有两个div。你想在div之间切换吗？有2个链接，因此如果你点击它，会显示链接到该链接的一个链接，并将另一个隐藏在你编写的标记中。它甚至不是有效的HTML。将两个div分别放在两个单独的文件中，并在第一页链接它们。对于获得2#dk，2是第2页，因为它是一个enjin站点无法使用。HTMLH和dk是div忘记将2#放在它前面，所以应该是2#dk或dhso“dh”和“dk”不是链接？如果没有，你链接到什么？2是链接，这意味着第2页和dh和dk是divsdh和dk是div忘记在它前面加上2，所以应该是2#dk或dhso“dh”和“dk”不是链接吗？如果不是，你链接到什么？2是链接，它意味着页面2和DH和DK通常是比改变你的应用程序的整个架构更简单的解决方案。通常在项目开始时比在中间改变技术更容易。通常比改变你的整个体系结构更简单的解决方案。通常，在项目开始时改变技术比在中间更容易。