2014-01-23 46 views
0

寻求帮助。href用jQuery打开页面并使某些div扩展

我们使用这个脚本我们网站的FAQ页面上: http://jsfiddle.net/ApCGU/

默认的div p_9,p_10,P_11,p_12 ..都崩溃了。 我可以写的方式,在一定DIV已经是A HREF为扩大在用户到达页面:

当前代码:

<a href="faq.aspx">FAQ</a> 

祝愿:

<a href="faq.aspx#p_9">FAQ question 9</a> 
<a href="faq.aspx#p_10">FAQ question 10</a> 

只需添加锚点似乎不在这里工作。

+0

你也许可以添加一个功能打开时,锚接收焦点手风琴...将这项工作? –

+0

为什么你不能使用body onload? – sree

+0

您可以看到我的工作示例答案 –

回答

1

你可以从网址获取散列,并使用类似的切换幻灯片;

$(document).ready(function() { 
    var hash = window.location.hash;// Returns e.g. "#p_9" 
    $(hash).slideToggle(); 
}); 

这里是jsfiddle代码的一部分,这里是jsfiddle demo(按CTRL + F5时,你才能看到它正在转到演示页)。

0

您可以通过URL参数(或localStorage)将应该打开的div的值传递给页面,然后在页面加载时或短暂延迟后显示div。

http://jsfiddle.net/philsinatra/8ppqg/1/

/** 
* pass this value as a URL parameter or through localStorage/cookie 
* @type {String} 
*/ 
var defaultOpen = '9'; 

$(document).ready(function() { 
    var t = setTimeout(function() { 
    P_Expand(defaultOpen); 
    }, 1000); 
}) 
+0

加载时,它会被调用,之后它没有调用functino ..你注意到了吗? – sree

+0

您的按钮功能可能会更清洁一些,这可能是导致问题的原因。我做了一个更新版本的点击处理程序。 http://jsfiddle.net/philsinatra/8ppqg/2/ –