基于URL中的哈希片段将类分配给div元素

时间:2011-04-05 17:47:21

标签: php javascript jquery wordpress jquery-ui

我希望有人可以提供帮助!

我的网站:http://www.richardmilne.net

我设置了一个wordpress网站,使用iinclude插件在首页上显示各个页面。这很好但我不希望用户访问单个页面,即“site.com/page”。如果用户访问“site.com/page”(例如,从搜索结果中),我希望将它们重定向到“site.com/#location”,让窗口滚动到正确的位置,然后触发jquery滑块。 (见上面的链接)

我打算使用.htaccess重定向页面。在我收集到的内容之后,我需要使用一些javascript技巧来触发所需的div滑动打开。在我的例子中,这只是将其类更改为“toggle_initial”的情况,jquery脚本在页面加载延迟800ms后动画。 (再次,请参阅上面的链接,当您第一次访问时,已使用此链接加载“最近的帖子”部分。只是因此您​​知道这是一个jquery-UI插件)。

这是中间的一点我无法理解。到目前为止我所读到的内容告诉我,我不能用php做这个,这是我的第一个方法,因为“PHP_SELF”忽略了URL的“#location”位。这使javascript更改为div的类的任务,我发现这些链接我肯定包含了一些提示,但作为一个javascript新手,我不能把头和尾巴如何应用到我的网站:

Adding a class to an a element with a particular href using hash

doing substring in window.location.hash

任何提示都会非常感激,欢呼!

3 个答案:

答案 0 :(得分:0)

您可能希望使用JQuery window.location.hash来获取散列标记之后的任何值。

请参阅以下几个教程:
http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
http://www.using-jquery.com/2011/01/ajax-navigation-window-location-hash/

答案 1 :(得分:0)

步骤1.使用javascript从网址获取锚元素。 window.location.href

步骤2.使用jQuery更改目标h2的类。代码假定div id和anchor是相同的。

$(document).ready( function() {
    var anchor = yourCodeToFindAnchor;
    $('#' + anchor).addClass('active');
});

答案 2 :(得分:0)

我建议http://benalman.com/projects/jquery-bbq-plugin/

它可以轻松地将所有类型的jQuery操作连接到哈希对象。

这应该让你开始:http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/