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

我使用以下代码在单击菜单项时（类似于选项卡式内容淋浴）在同一页上显示一些隐藏的Bootstrap wells。它工作正常，但我希望能够用它去其他页面，并显示出良好（基于id属性存在，它的工作不这样，请大家帮忙。导航到另一个页面并在其中显示书签/ 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(); 
    }); 
});

来源

2016-09-20 waqashsn

你能发布你的html吗？ –

您需要让jQuery代码以某种方式持久化，以便在新页面打开时，应该应用于此新加载页面的最后一个操作应该应用于该页面的负载。您可以使用'localStorage.setItem（'yourKey'，'YourValue'）;'设置某些标志，然后用'localStorage.getItem（'yourKey'）检查新加载的页面;' – shivgre

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

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(); 
    } 
}

来源

2016-09-20 08:57:51

您能否详细说明一下我需要在你放置“......”的地方添加。我对这一切都很陌生。本来我有以下问题;当单击导航时，JS代码在同一页面上显示一个特定的井（所有其他井默认为隐藏），另一个井在单击另一个导航项时显示。我想要实现的是我想将导航项目放置在一个页面上，而将井放置在另一个页面上，因此当导航点击时，另一个页面将加载显示的各个井。 – waqashsn

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

回答

相关问题