Question

寻求帮助。

我们在网站的常见问题解答页面上使用此脚本： http://jsfiddle.net/ApCGU/

默认情况下，div p_9，p_10，p_11，p_12 ..已折叠。我是否能够以某种方式编写href，以便在用户访问页面时某个div已经展开：

当前代码：

<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>

只是添加锚点似乎不起作用。

Answer 1

你可以通过使用它来获取来自url和切换幻灯片的哈希值;

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

代码部分的 jsfiddle ，此处为 jsfiddle demo （当您转到演示页面时按ctrl + f5以查看这是工作）。

Answer 2

您可以通过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);
})

一个href用jquery打开页面并使某些div扩展

2 个答案: