javascript - 使用 jQuery 或 Javascript 基于散列标签运行函数

Question

在我的网站上，我有用户配置文件。每个用户配置文件都可以有多个选项卡，这些选项卡具有 javascript 函数来显示所选选项卡并隐藏所有其他选项卡。

我想做的是允许一组称为作者的用户能够发送指向他们的个人资料的链接，并在加载该个人资料时显示特定的选项卡。

获取此用户的个人资料:

http://www.findyourgeek.com/jasonward

我想让这个用户链接到他们的评论，如下所示:

http://www.findyourgeek.com/jasonward#reviews

我将代码放入 document.ready 函数中，我认为它会起作用，但它不起作用:

if(window.location.hash.toLowerCase() == "reviews")
{
$('#profileAbout').hide();
$('#profileInterests').hide();
$('#profileOnline').hide();
$('#profileArticles').hide();
$('#profileReviews').slideDown();
$('#profileStatistics').hide();
$('#tabsAbout').removeClass('selected');
$('#tabsInterests').removeClass('selected');
$('#tabsOnline').removeClass('selected');
$('#tabsArticles').removeClass('selected');
$('#tabsReviews').addClass('selected');
$('#tabsStatistics').removeClass('selected');
}

但是，当代码运行时它不显示选项卡。读取主题标签的代码是正确的，但它不会运行下面的代码。

此外，该代码也定义为 $('#tabsReviews a').click()。

任何关于为什么这不起作用的想法或关于如何做得更好的任何更好的想法都将不胜感激。

Answer 1

那是因为 location.hash 包含 #。这应该有效:

if(window.location.hash.toLowerCase() == "#reviews")

你也可以这样组合选择器:

$('#profileAbout, #profileInterests, #profileOnline, #profileArticles').hide();