init() function - multiple iterations not working in IE
Hi,
I've searched for this on Google and haven't had any luck so far.
I'm a relative newcomer to jquery, so maybe my problem is simple. I've set up a load() function that refreshes two divs (#fader and #featureBanner) with new content. I've constructed it with sequential init functions: q1, q2, q3, q4.
It works fine in Mozilla and Safari, but the load() does not work in IE.
I've included the source code below and the page, if needed.
Much appreciated,
Bjorn
Page:
http://m1.educ.ubc.ca/
$(document).ready(function(){
q1 = {
init: function() {
$(".loader1").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/0.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function() {
$(this).load('homepage_images/0.php').fadeIn('slow');
});
$("#over").css({color: 'white', backgroundColor: '#2e4468', textDecoration: 'underline'});
$("#other").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other2").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other3").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
});
}
}
q1.init();
q2 = {
init: function() {
$(".loader2").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/1.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function() {
$(this).load('homepage_images/1.php').fadeIn('slow');
});
$("#over").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other").css({color: 'white', backgroundColor: '#2e4468', textDecoration: 'underline'});
$("#other2").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other3").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
});
}
}
q2.init();
q3 = {
init: function() {
$(".loader3").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/2.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function() {
$(this).load('homepage_images/2.php').fadeIn('slow');
});
$("#over").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other2").css({color: 'white', backgroundColor: '#2e4468', textDecoration: 'underline'});
$("#other3").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
});
}
}
q3.init();
q4 = {
init: function() {
$(".loader4").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/3.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function() {
$(this).load('homepage_images/3.php').fadeIn('slow');
});
$("#over").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other2").css({color: '#242f37', backgroundColor: '#A4BEDF', textDecoration: 'none'});
$("#other3").css({color: 'white', backgroundColor: '#2e4468', textDecoration: 'underline'});
});
}
}
q4.init();
});