通过url字符串在无序列表中显示页面
Displaying a page in an unordered list through a url string
我有一个无序列表,它为一系列页面提供导航,这些页面在用户做出选择之前不会显示。我想导航到一个特定的页面,并通过url字符串在没有任何用户交互的情况下显示它。
我该怎么做?
这是一个代码示例;
<!-- Beginning of Show/Hide Functionality -->
<script>
$(document).ready(function(){
$("form").hide();
$("#show").click(function(){
$("form").show();
$("button").hide();
});
});
</script>
<!-- End of Show/Hide Functionality -->
<!--[if lt IE 7]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]><script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
<!--[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><![endif]-->
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<div id="main">
<ul class="pags">
<li class="current"><a href="#" rel="1"></a> </li>
<li><a href="#" rel="2"></a> </li>
<li><a href="#" rel="3"></a> </li>
<li><a href="#" rel="4"></a> </li>
<li><a href="#" rel="5"></a> </li>
</ul>
<!-- header -->
<header class="hidden">
<div class="extra-wrap" style="left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;">
<h1><a href="#"><img alt="" src="images/logo.png" /></a></h1>
<nav>
<ul>
<li class="itm1"><a href="#page1"></a> </li>
<li class="itm2"><a href="#page3"></a> </li>
<li class="itm3"><a href="#page2"></a> </li>
<li class="itm4"><a href="#page4"></a> </li>
<li class="itm5"><a href="#page5"></a> </li>
</ul>
</nav>
<a href="#1" class="shattle"></a></div>
</header>
<!-- content -->
<div class="wrapper">
{tag_pagecontent}
</div>
<strong>
<!-- footer -->
听起来您需要研究散列标记。
其想法是使用window.location.hash
(URL中"#"之后的所有内容)进行导航。你需要这样做,当有人点击页面链接时,它会更新该页面的标签,并在初始页面加载时这样做,如果有标签集,那么你需要"导航"到该页面。
jQuery有一个为此目的构建的插件:http://benalman.com/projects/jquery-hashchange-plugin/
相关文章:
- 突出显示列表的父项,但不突出显示所有子项
- 如何随机显示列表项的顺序
- 在underscore.js中显示列表中的所有项目(使用Parse.com)
- 使自动完成可搜索下拉菜单don'我不想在点击搜索时显示列表
- 用javascript在html显示列表中显示新成员
- 单击旧列表只显示上次创建的id,应在单击时显示列表id
- Ember-解决所有请求时显示列表
- 隐藏并显示列表中的元素
- 仅在单击下拉列表中的项目时显示列表框
- Ui自动完成不显示列表
- 单击按钮时隐藏并显示列表
- 在可滚动的库中显示列表
- 无序列表 jQuery 在固定位置显示列表中的选定项
- AngularJS在URL正下方显示列表
- 使用 ajax 显示列表
- 制作另一个窗体,该窗体将显示列表(自动完成)并将用作所选字段的值
- 在不使用按钮的情况下显示列表,带有挖空功能
- 如何使用 object.id 显示列表中的 object.name
- PHP 如果选中复选框<选择>则会显示列表
- 是否可以在单击 html 未显示列表中的项目标记时触发事件