[Erledigt] Jquery ID von ausgewähltem Tab

tarian · 23.09.2010, 08:24

Hallo,

folgendes: Ich versuche die ID von dem ausgewählten Tab heraus zubekommen, der Index ist kein Problem, wenn ich mir allerdings die ID ausgebe bekomme ich die des übergeordneten Containers.

Mein bisheriger Code:

Code:

 
            var $tab = $('#form_tabs').tabs();
            var index = $tab.tabs('option', 'selected');
            alert($tab.tabs('select', index).attr('ID'));

So wirklich erklären kann ich mir das nicht.

Paul.Schramenko · 23.09.2010, 08:48

Wenn ich das richtig sehe, ist das wohl das Userinterface von jQuery:

Code:

var selectedId = $('#form_tabs').tabs().data('selected.tabs').attr('id');
alert(selectedId);

Hast du zufällig über der Tab reihe noch eine reihe?
Denn wenn ich das richtig sehe machst du zweimal .tabs() oder ?

sowas könnte auch gehen:

Code:

$('#form_tabs').tabs('option', 'selected').attr('id');

tarian · 23.09.2010, 08:59

Nein nur eine Reihe.

Der eine Befehl ist um den Index zu bekommen und die nächste um den Tab mit seinem Index anzusprechen. Leider funktionieren deine beiden Sachen auch nicht. Ich weiß nicht mehr weiter :/

Er bekommt den richtigen Index des Tabs, wenn ich dann aber die ID möchte, ist es nicht die ID vom Tab sondern die des übergeordneten Containers in dem Fall form_tabs. Das ergibt keinen Sinn.

b.z.w

Code:

$('#form_tabs').tabs('option', 'selected').attr('id');

Hier wird das Script beendet, irgendwas stimmt mit attr('ID') nicht denn

Code:

$('#form_tabs').tabs('option', 'selected')

geht.

update: Anscheinend gibt es keine attr Funktion.

tarian · 23.09.2010, 11:19

Code:

var thisTab = $('#form_tabs .ui-tabs-selected').find("a").attr("href");

Das wäre die Lösung. Gibt sicher einen eleganteren Weg aber immerhin funktioniert es

rudygotya · 23.09.2010, 20:44

PHP-Code:

  $( "#form_tabs" ).bind( "tabsselect", function(event, ui) {
    console.log($(ui.tab).attr("href"))
});

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery (crossdomain) Ajax	halskrause	JavaScript, Ajax und mehr	10	01.09.2010 18:36
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt]br filtern mit Jquery (oder Javascript)	chunky	JavaScript, Ajax und mehr	4	05.03.2010 14:48
jQuery Ajax und $(this) Problem	halskrause	JavaScript, Ajax und mehr	8	01.03.2010 17:39
[Erledigt] [Erledigt] jQuery Endlos Scrolling Umlaute	kn0wledge	JavaScript, Ajax und mehr	0	18.10.2009 19:29
jQuery mit AJAX ohne ActiceX im IE?	krush	JavaScript, Ajax und mehr	2	11.08.2009 08:54
JQUERY - divs auf und zuklappen	sturmi	JavaScript, Ajax und mehr	5	04.06.2009 14:23
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

23.09.2010, 08:24
tarian Erfahrener Benutzer Registriert seit: 22.03.2009 Beiträge: 109 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Jquery ID von ausgewähltem Tab Hallo, folgendes: Ich versuche die ID von dem ausgewählten Tab heraus zubekommen, der Index ist kein Problem, wenn ich mir allerdings die ID ausgebe bekomme ich die des übergeordneten Containers. Mein bisheriger Code: Code: var $tab = $('#form_tabs').tabs(); var index = $tab.tabs('option', 'selected'); alert($tab.tabs('select', index).attr('ID')); So wirklich erklären kann ich mir das nicht.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.09.2010, 08:48
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	Wenn ich das richtig sehe, ist das wohl das Userinterface von jQuery: Code: var selectedId = $('#form_tabs').tabs().data('selected.tabs').attr('id'); alert(selectedId); Hast du zufällig über der Tab reihe noch eine reihe? Denn wenn ich das richtig sehe machst du zweimal .tabs() oder ? sowas könnte auch gehen: Code: $('#form_tabs').tabs('option', 'selected').attr('id'); __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen... Geändert von Paul.Schramenko (23.09.2010 um 08:52 Uhr).

23.09.2010, 08:59
tarian Erfahrener Benutzer Registriert seit: 22.03.2009 Beiträge: 109 PHP-Kenntnisse: Fortgeschritten	Nein nur eine Reihe. Der eine Befehl ist um den Index zu bekommen und die nächste um den Tab mit seinem Index anzusprechen. Leider funktionieren deine beiden Sachen auch nicht. Ich weiß nicht mehr weiter :/ Er bekommt den richtigen Index des Tabs, wenn ich dann aber die ID möchte, ist es nicht die ID vom Tab sondern die des übergeordneten Containers in dem Fall form_tabs. Das ergibt keinen Sinn. b.z.w Code: $('#form_tabs').tabs('option', 'selected').attr('id'); Hier wird das Script beendet, irgendwas stimmt mit attr('ID') nicht denn Code: $('#form_tabs').tabs('option', 'selected') geht. update: Anscheinend gibt es keine attr Funktion. Geändert von tarian (23.09.2010 um 09:09 Uhr).

23.09.2010, 11:19
tarian Erfahrener Benutzer Registriert seit: 22.03.2009 Beiträge: 109 PHP-Kenntnisse: Fortgeschritten	Code: var thisTab = $('#form_tabs .ui-tabs-selected').find("a").attr("href"); Das wäre die Lösung. Gibt sicher einen eleganteren Weg aber immerhin funktioniert es

23.09.2010, 20:44
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `$( "#form_tabs" ).bind( "tabsselect", function(event, ui) { console.log($(ui.tab).attr("href")) });` __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog