Jquery 直接链接到隐藏的div
我正在使用插件切换一些隐藏的div 每个Jquery 直接链接到隐藏的div,jquery,css,Jquery,Css,我正在使用插件切换一些隐藏的div 每个div都有一个单独的id。是否有方法通过直接链接显示选定的div 例如,输入domain.com/page.php#HiddenDiv2将切换 这是我的页面:您可以使用jQueryready事件以及JavaScriptonhashchange事件来执行您需要的操作。以下是一些示例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &
div
都有一个单独的id。是否有方法通过直接链接显示选定的div
例如,输入domain.com/page.php#HiddenDiv2将切换
这是我的页面:您可以使用jQuery
ready
事件以及JavaScriptonhashchange
事件来执行您需要的操作。以下是一些示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<style>
.hidden {
display: none;
}
</style>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(function() {
showHiddenDiv();
window.onhashchange = showHiddenDiv;
});
function showHiddenDiv() {
$(window.location.hash).show();
}
</script>
</head>
<body>
<div id="div-1" class="hidden">Div 1</div>
<div id="div-2" class="hidden">Div 2</div>
<div id="div-3" class="hidden">Div 3</div>
</body>
</html>
测试页
.隐藏{
显示:无;
}
$(函数(){
showHiddenDiv();
window.onhashchange=showHiddenDiv;
});
函数showHiddenDiv(){
$(window.location.hash.show();
}
第一组
第2组
第3组
要查看哪些浏览器支持
onhashchange
事件,请查看此处:您的方法与我在自己的::target{display:inline;}中找到的另一个方法一样有效