Question

I am trying to detect when a new tab on my jQueryui tab component is clicked. I have followed several guides and blogs, but can’t wrap my head around the process. I have the following:

$('#tabs').tabs({
  select: function(event,ui) {
  alert('selected');
  return false;
  },                
}); 

I don’t know what I’m missing, but the alert never fires. I’m am not strong with jQuery so I’m probably making a stupid mistake, so any help will be appreciated.

Thanks,
Kris

Update: jsfiddle example http://jsfiddle.net/T7czp/16/

Answer 1

Are you getting any errors? The trailing , after your select will break the script in some browsers.

This works as seen in this fiddle: http://jsfiddle.net/T7czp/15/

$('#tabs').tabs({
  select: function(event,ui) {
     alert('selected: '+ui.index);
  }
});