views:

9

answers:

0

Hi, Im having an IE issue with JQuery/JQuery UI tabs. The tabs are loaded via ajax with asyn set to true and everything works fine the first time the tab loads but when you start switching between tabs the following code does not work correctly:

$("#PaymentNotify .EventMsg").html("Some text here");

This ofcourse is very simple code and the strange thing is if I alert out the value of $("#PaymentNotify .EventMsg") it shows the "Some text here" but the div is not populated. This is the structure of the div:

<div id="PaymentNotify" >
    <div class="EventMsg"></div>    
    <div class="Msg ui-state-highlight" style="display:none;">&nbsp;</div>  
</div>

$("#PaymentNotify").dialog({

resizable: false,
width: 450,
title: "Notification",
modal: true,
draggable: false,
closeOnEscape: false,
autoOpen: false         

});

Which you can see is actually a dialog but it doesnt work even as a straight container. The only thing that I can think is happening is that when the tab is loaded the second time, the previous elements remain and it updates that first entry rather than the most recent one. Anyway to fix this?