Question

我正在使用以下代码在单击菜单项时在相同页面上显示一些隐藏的Bootstrap wells（像标签内容淋浴一样工作）。它工作正常，但我希望能够使用它来转到其他页面并显示一个好的（基于id属性。它没有那样工作，请帮忙。

$(document).ready(function()
{
    var navItems = $('.menu-level-2 li > a');
    var navListItems = $('.menu-level-2 li');
    var allWells = $('.menu-level-2-content');
    var allWellsExceptFirst = $('.menu-level-2-content:not(:first)');

    allWellsExceptFirst.hide();
    navItems.click(function(e)
    {
        e.preventDefault();
        navListItems.removeClass('active');
        $(this).closest('li').addClass('active');

        allWells.hide();
        var target = $(this).attr('data-target-id');
        $('#' + target).show();
    });
});

Answer 1

这个问题对我来说并不完全清楚，但是如果你想转到另一个页面（点击导航时），并且在另一个页面上，你想要自动显示标签内容，那么你应该这样做：

navItems.click(function(e)
{
    ..........
    var target = $(this).attr('data-target-id');
    window.location='http://example.com/mypage.php#requested_id='+target;
});

在目标 mypage.php 上，你应该有javascript：

$(document).ready(function()
{
    if (window.location.hash){
       .....
       allWells.hide();
       $('#' + window.location.hash).show();
    }
}

导航到另一个页面并在那里显示书签/ ID，同时隐藏其他页面

1 个答案: