views:

15

answers:

0

Does anybody know why this works

  $('#tourDetailsTabs').tabs({ fx: { opacity: 'toggle'} })
 .bind("tabsselect", function (event, ui) {
  event.stopPropagation();    //http://dev.jqueryui.com/ticket/4110
 }).bind("tabsshow", function(event,ui){event.stopPropagation();});

while that doesnt?

$('#tourDetailsTabs').tabs(
{
    show: function (event, ui) { event.stopPropagation(); },
    select: function (event, ui) { event.stopPropagation(); },
    fx: { opacity: 'toggle' }
})

Actually the second looks much nicer but it doesn't prevent the tabs from bubbling while the first one does...