我在这里有两页:索引和结果。在results.html上,我有一些将CSS属性设置为display的div:none。我想从索引(导航菜单)导航并打开结果页面,同时显示隐藏的div。jQuery在results.html上运行良好,但是我不知道如何触发来自索引的此函数。
指数:
<ul>
<li><a id="menu-2016" href="results.html#2016">2016</a></li>
<li><a id="menu-2015" href="results.html#2015">2015</a></li>
</ul>
结果:
<section id="2016">Content</section>
<section id="2015">Content</section>
CSS:
#section-2015, #section-2016 {
display: none;
}
jQuery的:
$(document).ready(function () {
$("#menu-2016").click(function () {
$("#section-2016").slideDown();
$("#section-2015").slideUp();
});
$("#menu-2015").click(function () {
$("#section-2015").slideDown();
$("#section-2014").slideUp();
});
});
您可以简单地检查URL哈希/片段。
$(document).ready(function() {
if (window.location.hash == '#2016') {
$("#section-2016").slideDown();
$("#section-2015").hide();
}
if (window.location.hash == '#2015') {
$("#section-2016").hide();
$("#section-2015").slideDown();
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句