JQuery Simplemodal and Tabs Help Needed

Posted by Dave R on Stack Overflow See other posts from Stack Overflow or by Dave R
Published on 2009-11-16T15:36:26Z Indexed on 2010/03/09 0:06 UTC
Read the original article Hit count: 502

Filed under:
|
|
|

Hi, I've got an asp.net page containing a Textbox with an Autocomplete extender on it. It's setup so the user can type a short reference code into the textbox and then choose from the list of matching codes returned by the autocomplete.

On the "select", I then call the server using JQuery. I'm currently using $.get here.... The callback function from $.get checks for "success" and then displays a simple-modal dialog containing info about the item they've just selected.

if (sStatus == "success") {
        $.modal(sText, {
        overlayClose: true,
            appendTo:'form',
            onShow: function(dialog) {
                $("#ccTargets_tabContainer").tabs();
            },
            onClose: function(dialog) {
                $("#<%=TextBox1.ClientID%>").val("");
                $.modal.close();
            }
        });
        $.ready();
    }

One of the bits of info being loaded here is a JQuery TABS setup, so the onShow function of the simplemodal is used to initiate the tabs which are within the simplemodal.

Now to the crux of my problem. If I do multiple consecutive "autocompletes" on the same page it all works fine Unless I have selected a different tab on the tabs in the simplemodal ....If I select a different tab, close the simplemodal and then do another autocomplete I get a JQuery error which seems to relate to a selector doing something with the "old" selected tab that was on the "closed" modal.

I'm clearly missing some sort of cleardown / initialisation somewhere, but can't find what it is. Help?

I've tried "tabs.destroy" before the modal call in the code above and I've tried a $.ready() call as indicated too....

UPDATE: Is it something to do with JQuery Tabs appending my addressbar URL with the selected tab's ID?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about simplemodal