Wie verknüpfe ich eine Schaltfläche mit einer Registerkarte mit div-Inhalt auf einer anderen Seite?

Question

This is what I mean Ich möchte eine Schaltfläche verknüpfen, um Inhalt in Bezug auf ein bestimmtes Div in einer Registerkarte auf einer anderen Seite anzuzeigen, wie kann ich dies mithilfe von JQuery tun? Ich habe ein Bild/eine Zeichnung eingefügt, damit Sie verstehen können, was ich meine.

<div class="myTabs"> 
    <ul class="tabs" data-tab data-options="deep_linking:true"> 
     <li><a data-toggle="tab" href="#One">Tab 1</a></li> 
     <li><a data-toggle="tab" href="#Two">Tab 2</a></li> 
    </ul> 
</div> 
<div class="tabContent"> 
    <div id="One">This is the content in div one on Tab 1</div> 
    <div id="AnotherOne">This is the content is second div on Tab 1</div> 
</div> 

So hat two.html eine Schaltfläche, die direkt Inhalt in one.html zeigen verknüpfen müssen, Tab 1, div One & die zweite Taste, um one.html verknüpfen muß, Tab 1 zweiten div, dh‘ AnotherOne '

Answer 1

Sie könnten dem Link auf two.html einen Hash-Wert hinzufügen und der Seite ein Startscript mit den Registerkarten hinzufügen, um das benötigte div anzuzeigen/auszublenden.

<a href='/two.html#one'>BUTTON ONE</a> 
<a href='/two.html#two'>BUTTON TWO</a> 

Auf one.html können Sie ein Startskript hinzufügen, das die Sichtbarkeit des richtigen div festlegt. Wenn Ihr Tab enthält zwei divs wie folgt aus (Alles standardmäßig ausgeblendet?):

<div class='one' style='display:none;'>div one</div> 
<div class='two' style='display:none;'>div two</div> 

können Sie das folgende Startskript in den two.html:

<script> 
$(document).ready(function() { 
    // If the location is empty show the content of div one? 
    var tab = window.location.hash ?? 'one'; 

    $('div.' + tab).show() 
}); 
</script> 

Answer 2

Die beste Weise, die Sie tun können, ist mit Anchor-Tag.Wenn Sie die Schaltfläche verwenden, umschließen Sie sie mit einem Anchor-Tag.

Hier ist der Code.

<a href="page2.html#elementID"><button>Jump</button></a>