我在一个页面中有两个div(div A和div B),默认情况下,Div A设置为显示块,Div B设置为不显示。用户要登陆到这个特定的页面,他必须点击对话框中的链接。就像这样:
<div id"dialog-box">
<a href="/newpage.html" class="firstlink"> First Link </a>
<a href="/newpage.html" class="secondlink"> Second Link </a>
</div>
<div class="newpage">
<div class="divA" style="display:block">
</div>
<div class="divB" style="display:none">
</div>
</div>
我想达到的是这样的:
$(".firstlink").click(function(){
$(".divA").css("display","none");
$(".divB").css("display","block");
});
$(".secondlink").click(function(){
$(".divA").css("display","block");
$(".divB").css("display","none");
});
但是上面的当然不起作用,因为divA和divB在不同的页面上。我不想使用cookie来完成这个小任务。
5条答案
按热度按时间ntjbwcob1#
我会在
<a>
href属性的查询字符串中传递所需的数据。因此,我将HTML更改为:然后,在你的
newpage.html
中,我会有这样的代码:它查看
?
之后的URL,然后按"&"
拆分(并循环遍历这些对),然后按"="
拆分。如果键是"link"
,则它将继续查看displayMap
,以查看URL中的值在此页面上的转换.并适当地显示/隐藏。我相信有一个更优雅的方法来处理这个问题,但我只是想解释一下这个方法。
e3bfsja22#
使用此
然后再把它换一页
和使用本
wi3ka0sx3#
如果您想从上一页获取详细信息,可以
QueryString
。第一个链接URL是
"page1.html?clickedLink=page1Link1"
,第二个链接URL是page1.html?clickedLink=page1Link2"
。现在,在您的目标页面上,您可以检查
QueryString
以验证两个链接中的哪一个将您带到此页面。50pmv0ei4#
您可以在指向第二个页面的链接中包含请求参数。在第二个页面上,您将使用JavaScript获取参数的值,该值将对应于单击的链接。
把你的链接改成这样。
在第二个页面上,使用这样的函数获取URL参数。http://jquerybyexample.blogspot.com/2012/06/get-url-parameters-using-jquery.html
使用上述函数
pbossiut5#
如果你不想使用cookie,那么你必须通过url参数传递值。
下面的函数可以帮助你获取参数: