我在这里有两页：索引和结果。在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] 删除。
我来说两句