Question

我目前正在使用以下脚本在点击链接时加载内容。我想知道的是，可以访问网址services.html#serviceone，然后会显示该ID的内容和活动链接吗？

$(document).ready(function () {
    $('#content div.wrap').hide(); // Hide all divs
    $('#content div.wrap:first').show(); // Show the first div
    $('#tabs ul li a:first').addClass('active'); // Set the class of the first link to active
    $('#tabs ul li a').click(function () { //When any link is clicked
        $('#tabs ul li a').removeClass('active'); // Remove active class from all links
        $(this).addClass('active'); //Set clicked link class to active
        var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
        $('#content div.wrap').hide(); // Hide all divs
        $(currentTab).fadeIn('normal'); // Show div with id equal to variable currentTab
        return false;
    });
});

希望我所要求的是有道理的。非常感谢。

非常感谢大家的回复。对不起，我没有提供更多细节。

tvanfosson，这可能是我追求的目标。

我希望能够链接到该页面并根据ID加载内容，并激活该选项卡。没有上面的脚本使用url'services.html＃div1'将跳转到具有该id的div（如你所知），脚本到位我希望相同的url加载div，此刻只是第一个div装了。

这有意义吗？

谢谢。

[编辑]

注意到当点击菜单选项卡加载内容时，它不会将#id添加到网址的末尾，所以我怀疑我想要的是什么！

Answer 1

我从中得到的是你想从网址的末尾提取id并使用它来显示“tab”，对吗？

 var currentTab = '#' + $(this).attr('href').split('#')[1];
 ...
 $(currentTab).fadeIn('normal');
 ...

如果您希望load来自网址的内容而不是仅显示现有内容，则可以使用带过滤器的加载。

var url= $(this).attr('href');
...
$('someselector').load(url.replace(/#/,' #')).fadeIn('normal');

Jquery加载内容

1 个答案: