2016-09-20 3 views
0

メニュー項目をクリックすると、次のコードを使って同じページにいくつかの非表示のブートストラップを表示します。これは、正常に動作しているが、私は他のページに移動し、そこ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(); 
    }); 
}); 
+0

あなたのHTMLを投稿できますか? –

+0

新しいページが開かれたときに、この新たに読み込まれたページに適用される最後のアクションがそのページの負荷に適用されるように、何らかの方法でjqueryコードを保持する必要があります。 'localStorage.setItem( 'yourKey'、 'YourValue');'で特定のフラグを設定し、 'localStorage.getItem( 'yourKey');で新しく読み込まれたページをチェックすることができます – shivgre

答えて

0

問題ではありませんあなたは、あなたはこのように行う必要があり、コンテンツをタブ付き自動的に表示したい、完全に私には明確な、しかし、あなたは(ナビゲーションをクリックした)別のページに移動したい場合は、その上の別のページ:

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

あなたは何を私はあなたが「......」を配置した場所を追加する必要があります。私はこのすべてに非常に新しいです。 元々、私は次の問題を抱えています。 JSコードは、ナビゲーションがクリックされたときに同じページに1つの特定のウェル(デフォルトでは他のすべてが非表示)を表示し、別のナビゲーションアイテムがクリックされたときに別のウェルが表示されます。私が達成したいのは、ナビゲーションアイテムをあるページと別のページのウェルに配置したいからです。ナビゲーションがクリックされると、別のページにそれぞれのウェルが表示されます。 – waqashsn

関連する問題