Are your tabs AJAX? I had a similar issue, but it didn't work in
Firefox also. Apparently this occurred for me because everytime you
click on a tab, the AJAX loaded HTML remains in the DOM. This is an
issue if you have separate tabs HTML with elements that have the same
ID, as this will cause multiple elements with the same ID to exist at
the same time. I put in a small code in "select" option for Tab UI
that empties the div for all tabs when a different tab is clicked on
and my problem went away.
select: function() {
$("#tab-container > div.ui-tabs-panel").empty();
}
On Feb 5, 1:52 pm, varun <khatri.vk1...@gmail.com> wrote:
> HI
> I am using ui tabs and i have 5 tabs on my page. Each tab is having a
> submit button and placeholder...
> when submit button is clicked , it fires a click event for that button
> in code behind and loads a table in placeholder of that tab...
> problem is after doing this process once in Internet Explorer
> when I go to another tab and hit submit button , it does not fire the
> event attached to that button... means if there are 3 submit buttons
> and 3 click events in code behind .... only 1 time submit button event
> is fired and then switching to different tab and hitting submit does
> nothing...
>
> But if I do the same stuff in firefox, it works .....
> Can some one please advise ?
>
> Thanks
> Varun
