jQuery UI tabs - getting URL of tab loaded with Ajax

Question

I have jQuery UI tabs using AJAX. My problem is I can't seem to retrieve the url which was loaded inside a tab.

For example - I get URL of loaded tab like this

var links = $("#tabs > ul").find("li a");
var selectedTab = $("#tabs").tabs('option', 'selected');
var url = $.data(links[selectedTab], 'load.tabs');

Where url is the url of currently opened tab.

In the tab I have an AJAX call, which calls the same url but with some parameters, i.e.

$.ajax({
    method: 'GET',
    url = url+'?parameter=value'
});

Once this call is executed, a newly created URL is called, tab is reloaded, but the variable which retrieves the loaded tab url remains the same, which means my parameters are missing.

Ideas?

Here, we can find with small snippet of code too jqueryui.com/demos/tabs/#ajax — Naga Harish M
– Naga Harish M, Commented Sep 26, 2011 at 9:59
I don't think you understood my question, I am loading tabs in AJAX, but I can only obtain initial tab URL, not a new URL if it changes. — eagerMoose
– eagerMoose, Commented Sep 26, 2011 at 10:47
"In the tab I have an AJAX call...", where in the tab did you make this call? And could you provide all the options in the $.ajax()? — William Niu
– William Niu, Commented Sep 27, 2011 at 12:17

Chandre Gowda · Accepted Answer · 2013-04-19 09:44:41Z

1

$("#tabs").tabs({  
    load:  function(event, ui){  
        var anchor = ui.tab.find(".ui-tabs-anchor");  
        var url = anchor.attr('href');  
    }  
});

This will save the current tab URL in variable url

answered Apr 19, 2013 at 9:44

Chandre Gowda

9501 gold badge8 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jayantha Lal Sirisena · Accepted Answer · 2011-09-26 09:55:41Z

0

you can keep a global variable for the URL.

answered Sep 26, 2011 at 9:55

Jayantha Lal Sirisena

21.4k11 gold badges74 silver badges94 bronze badges

1 Comment

eagerMoose Over a year ago

I'd have to do that the page that contains tab div definition and that's not really what I want to do...

Collectives™ on Stack Overflow

jQuery UI tabs - getting URL of tab loaded with Ajax

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related