请帮我完成它:)
所以我有这种简单的显示/隐藏内容 jquery ,但问题是通过直接链接显示它。
工作简单,就像我喜欢的那样。但我需要一些方法来用 example.php#div1 或 example.php#div2 显示它
有什么建议吗?
e.preventDefault();
var targetDiv = $($(this).attr('href'));
if(!targetDiv.is(':visible')){
$('.page').slideUp();
targetDiv.slideDown();
}else{
$('.page').slideUp();
}
});
提前致谢!
最佳答案
我不确定这是否是您要找的。但是你可以添加一个哈希监听器
这是我创建的一个 fiddle ,它查看 url 的哈希部分而不是监听点击事件。
window.addEventListener("hashchange", function(){
var targetDiv = $(location.hash);
console.log(targetDiv);
if(!targetDiv.is(':visible')){
$('.page').slideUp();
targetDiv.slideDown();
}else{
$('.page').slideUp();
}
}, false);
我不确定这是否会在第一次加载时触发,但在加载事件中您可以检查 location.hash 以查看是否存在。
关于jquery 显示/隐藏带有直接链接的 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25389733/