Wie öffne ich eine andere Registerkarte mit einem Link?

Ich habe jquery-ui Tabs in einer Seite verwendet. Aber ich möchte, wenn jemand auf den Link "Klick mich" in Tab1 klickt, öffnet es automatisch den Tab2 für ihn. Ich möchte, dass der Link "Click me" genauso funktioniert wie die Option Tab2. Wie kann ich das machen? sind meine Codes gegeben unterWie öffne ich eine andere Registerkarte mit einem Link?

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Homepage</title> 

    <link rel="stylesheet" href="css/jquery_ui.css"> 
    <link rel="stylesheet" href="css/index.css"> 

    <script src="js/jquery.js"></script> 
    <script src="js/jquery_ui.js"></script> 

    <script> 

    $(function() { 
    $("#tabs").tabs(); 
    }); 

    </script> 

</head> 

<body> 

<div id="tabs"> 
    <ul> 
    <li><a href="#tab_one">Tab1</a></li> 
    <li><a href="#tab_two">Tab2</a></li> 
    <li><a href="#tab_three">Tab3</a></li> 

    <div id="tab_one"> 
     <p>Something about Tab1</p> 
     <p><a href="">Click me</a></p> 
    </div> 

    <div id="tab_two"> 
     <p>Something about Tab2</p> 
    </div> 

    <div id="tab_three"> 
     <p>Something about Tab3</p> 
    </div> 

    </ul> 
</div> 

</body> 
</html>

Quelle

2017-02-20 Nahid Sultan

Vielleicht wird es Ihnen für individuelle Hilfe jquery-ui-tabs-with-nextprevious

$('#my-text-link').click(function() { // bind click event to link 
    $tabs.tabs('select', 2); // switch to third tab 
    return false; 
});

Quelle

2017-02-20 11:24:47

Können Sie angeben, wo und wie Sie diesen Code verwenden? Ich habe es versucht, aber es hat nicht funktioniert. –

hast du versucht über den Link, der gepostet wurde? –

Oh Entschuldigung. Ich habe diesen Link nicht bemerkt. Danke für Ihre Hilfe. –

Verwendung target="_blank" Attribut in Ihrem Anker-Tag, wie

<li><a target="_blank" href="#tab_one">Tab1</a></li>

Quelle

2017-02-20 10:52:17

Es scheint, dass OP eine andere Frage stellt, durch «Reiter» er bezieht sich auf eine Registerkarte innerhalb einer Seite, nicht der Browser-Tab. –

verwenden:

<p><a href="#tab_two">Click me</a></p>

Quelle

2017-02-20 10:53:50 Roy

Sie die ID der Registerkarte zwei in href einstellen Tag des Ankerelements.

<div><a href="#tab_two">Click here to open tab 2</a></div>

Quelle

2017-02-20 11:03:15

Dies zielt nicht auf die Registerkarte –

try this.. 

<li><a href="#" onclick="window.open('your_page.php','newwindow', config='height=700, width=1200, toolbar=no, menubar=no, scrollbars=yes, resizable=no,location=no, directories=no, status=no')" class="button yellow">Tab1</a></li>

diesen Link Sie neues Fenster mit neuer Seite öffnen können.

Quelle

2017-02-20 11:09:42

auf dem Click-Ereignis der Schaltfläche "Klick mich" klicken

Fügen Sie den folgenden Code, um es zu acheive.

$("a[href='#tab_two']").trigger("click");

Dies sollte für Sie arbeiten.

Quelle

2017-02-20 11:56:46

Wie öffne ich eine andere Registerkarte mit einem Link?

Antwort

Verwandte Themen