2016-09-15 18 views
0

Im mit http://www.menucool.com/tabbed-content, um Registerkarten zu machen. Gibt es eine Möglichkeit, Registerkarten um jquery/javascript zu ändern? Ich habe versucht, $("tab1").click();Wie programmgesteuert Registerkarten ändern?

Erstellt eine Geige für this- https://jsfiddle.net/6e3y9663/1/

+0

Können wir sehen, was Sie bisher versucht haben? Leg es auf die Geige. Ich weiß, wie Tabs funktionieren und ich kann dir helfen. –

+0

Ich nehme an, Tab1 ist die ID. Wenn das der Fall ist, fehlt #: $ ("# tab1"). Click(); –

+0

@Herm Luna ich habe eine Geige erstellt auf https://jsfiddle.net/6e3y9663/1/ – user6708151

Antwort

1

Wiedergabe mit der ausgewählten Klasse

$('.tabs').find('li.selected').removeClass('selected');//reset the tab buttons 
$('#desiredTab').parent().addClass('selected');//or $('li a[href="#tab1"]').parent().addClass('selected'); - select the desired tab header 
id = $('#desiredTab').attr('href'); 
$(id).siblings().hide();//reset the tab content 
$(id).show();//$('#tab1').show(); -show the desired tab content 

Demo: https://jsfiddle.net/6e3y9663/5/

+0

wird nur ausgewählte Klasse hinzufügen zeigen auch den Tab-Inhalt oder ändern Sie einfach die Tab-Leiste? Die Verwendung des ID-Selektors zum Hinzufügen einer Klasse funktioniert nicht. – user6708151

+0

Sie müssen die Registerkarte Schaltfläche mit seinem Inhalt für die Registerkarte Schaltfläche, die Sie die ausgewählte Klasse für den Inhalt hinzufügen, müssen Sie einen Anzeigeblock hinzugefügt haben (zeigen Sie das Contnet) – madalinivascu

+0

es funktioniert nicht, ich habe eine Geige dafür erstellt . Hoffe das hilft. https://jsfiddle.net/6e3y9663/1/ – user6708151

Verwandte Themen