我以这段代码为例:
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function showonlyone(thechosenone) {
$('.newboxes').each(function(index) {
if ($(this).attr("id") == thechosenone) {
$(this).show(200);
}
else {
$(this).hide(600);
}
});
}
</script>
</head>
<body>
<div style="border: 1px solid blue; background-color: #99CCFF; padding: 5px; width: 150px;">
<a id="myHeader1" href="javascript:showonlyone('newboxes1');" >show this one only</a>
</div>
<div class="newboxes" id="newboxes1" style="border: 1px solid black; background-color: #CCCCCC; display: block;padding: 5px; width: 150px;">Div #1</div>
<div style="border: 1px solid blue; background-color: #99CCFF; padding: 5px; width: 150px;">
<a id="myHeader2" href="javascript:showonlyone('newboxes2');" >show this one only</a>
</div>
<div class="newboxes" id="newboxes2" style="border: 1px solid black; background-color: #CCCCCC; display: none;padding: 5px; width: 150px;">Div #2</div>
<div style="border: 1px solid blue; background-color: #99CCFF; padding: 5px; width: 150px;">
<a id="myHeader3" href="javascript:showonlyone('newboxes3');" >show this one only</a>
</div>
<div class="newboxes" id="newboxes3" style="border: 1px solid black; background-color: #CCCCCC; display: none;padding: 5px; width: 150px;">Div #3</div>
</body>
</html>
在另一个页面上,我希望有一个链接,当用户通过单击该外部链接加载页面时,该链接将显示Div #2 。我希望通过向 URL 添加一个哈希变量来实现这一点,例如:domain.com/page.html#newboxes2
有人告诉我,这样的功能可以通过玩这个来实现:
$(function(){
switch( window.location.hash ){
case '#showcontainer1':
$('#container1').fadeIn();
break;
default:
$('#container2').fadeIn()
break;
}
});
但是,在尝试围绕如何将该代码添加到我自己的代码中之后,我无法使其工作。这是如何运作的?
感谢您提供任何帮助,我的编码知识非常有限,因此如果您选择提供帮助,请详细说明。