[jQuery] screen flashing with IE
I created a small widget with 4 tabs - rollover the tab and the
content below changes. In IE6 if I roll over the tabs with any kind
of speed (a def possibility for my users) the entire browser window
flashes before my new content loads. Thoughts?
<code>
var content = new Array();
$(document).ready(function(){
content['default'] = $("#classifieds_quicksearch_content").html();
// set mouse events
$("#classifieds_quicksearch_nav li").mouseover(function(){
// what tab am i on?
var tab = this.id.split('_');
var tab = tab[tab.length-1];
// handle rollover graphics
$(this).addClass("over");
$("#classifieds_quicksearch_nav li").not(this).removeClass("over");
// erase current content and show default content ("loading"
message)
$("#classifieds_quicksearch_content").html(content['default']);
// handle content
if(content[tab] == undefined){ // first time loading this content
$.post("/components/classifieds/"+tab+".htm", { }, function(result)
{ loadedContentProcess(tab,result); });
}else{ // content has been loaded already
loadedContentProcess(tab,content[tab]);
}
});
});
function loadedContentProcess(tab,result){
content[tab] = result;
$("#classifieds_quicksearch_content").html(content[tab]);
loadedContentJS(tab); // set javascript for dynamic form elements,
etc..
}
function loadedContentJS(tab){
// set js for content that was loaded ascynchronously
...
}
</code>