带锚点的jQuery切换
我创建了一个函数,当单击某个元素时,打开该函数以显示一个div。我在一页上有几个这样的。我怎样才能在只打开某个div的情况下链接到该页面 HTML:带锚点的jQuery切换,jquery,anchor,Jquery,Anchor,我创建了一个函数,当单击某个元素时,打开该函数以显示一个div。我在一页上有几个这样的。我怎样才能在只打开某个div的情况下链接到该页面 HTML: 好的,您可以让jquery在您链接到的页面的URL中附加一个查询字符串,该字符串“携带”打开的DIV,例如myurl.html?opened=DIV_3 也许有一种方法可以使用#来实现这一点,但两者似乎都有点笨重和不受欢迎 您可以执行Ajax,并将其存储在PHP会话中 (我以前只见过在导航中对手风琴风格的菜单执行此操作,但是你知道你的父母总是浏览页
好的,您可以让jquery在您链接到的页面的URL中附加一个查询字符串,该字符串“携带”打开的DIV,例如myurl.html?opened=DIV_3 也许有一种方法可以使用#来实现这一点,但两者似乎都有点笨重和不受欢迎 您可以执行Ajax,并将其存储在PHP会话中 (我以前只见过在导航中对手风琴风格的菜单执行此操作,但是你知道你的父母总是浏览页面,所以你可以打开它的LI) 编辑添加:这里有一个指向Javascript函数的链接,您可以使用该函数查看查询字符串,从而确定需要打开哪个DIV:
我相信这就是你想要的答案。。。。快乐编码
演示你不能让某个东西向下或向上滑动,同时在转到新地址时重新加载页面,或者你在页面加载时进行滑动,或者你阻止链接的默认操作,你只是不能同时使用这两种方式。谢谢,但最终我成功了。请参阅initial post.for your window onload,您还可以使用jquery window.load()方法,然后也简化该部分-无论如何,这是一个很好的工作!谢谢,这对我帮助很大!我为每个隐藏的div添加了一个id,然后添加了一个额外的函数,请参见初始帖子!您好,太好了,很高兴它已排序-我还了解了location的哈希属性!:)
<div class="heading">
<p>
<a href="#">....</a>
</p>
</div>
<div class="more">
<p>...</p>
</div>
etc.
<script type="text/javascript">
$(function () {
if($('.heading')[0]) {
$('.heading').toggle(function () {
$(this).next('.more').slideDown();
},
function () {
$(this).next('.more').slideUp();
});
$("a[href='" + window.location.hash + "']").parent(".heading").click();
}
})
</script>
window.onload = function() {
var hash = window.location.hash;
if(hash != "") {
var id = hash.substr(1);
document.getElementById(id).style.display = 'block';
}
};