It has taken me forever to find out what was at the root of this bug.
Basically, I've got a containing div which is populated in the success callback i.e.
$.ajax({
//other stuff here
success: function(result)
{ $('#container').html(result); }
});
Then in the markup I have <div id="container"/>
What's happening is that the div is populated ok but no sibling content is rendered - only the div and its containing elements. Nothing else on the form gets rendered. I look in Firebug and it's all formed ok.
Then, if I change <div id="container"/> to <div id="container"></div> everything works fine.
Anyone come across this before? I appreciate it may be a schoolboy error - I'm quite new to all this asynchronous stuff.
Basically, I've got a containing div which is populated in the success callback i.e.
$.ajax({
//other stuff here
success: function(result)
{ $('#container').html(result); }
});
Then in the markup I have <div id="container"/>
What's happening is that the div is populated ok but no sibling content is rendered - only the div and its containing elements. Nothing else on the form gets rendered. I look in Firebug and it's all formed ok.
Then, if I change <div id="container"/> to <div id="container"></div> everything works fine.
Anyone come across this before? I appreciate it may be a schoolboy error - I'm quite new to all this asynchronous stuff.
Comment