[jQuery] JSON request printout works in FF/Safari but not in IE
Help me please!
Im trying with JSON print out content in two DIV's and make them
fadeOut and in. This works flawless in Safari and FF but not in any
IE. Can anyone see the problem?
$(document).ready(function() {
$("#jquery_spinner_2").hide(function() {
first = true;
teaser(function() {
$("#jquery_spinner_2").hide(function() {
$("#jquery_spinner_1").fadeIn('slow')
});
});
teaser();
});
function teaser() {
var spinnerContainer_1 = $('#jquery_spinner_1');
var spinnerContainer_2 = $('#jquery_spinner_2');
$.ajax({
url: '/_library/ajax.php',
data: 'ajax-action=getStartImages',
dataType: 'json',
type: 'post',
success: function (j) {
if(!first) {
spinnerContainer_2.html(j);
first = true;
} else {
spinnerContainer_1.html(j);
first = false;
}
}
});
}
$.timer(5000,(function (timer) {
if(first) {
$("#jquery_spinner_1").fadeOut('slow',function() {
$("#jquery_spinner_2").fadeIn('slow');
$("#jquery_spinner_1").hide();
teaser();
});
} else {
$("#jquery_spinner_2").fadeOut('slow',function() {
$("#jquery_spinner_1").fadeIn('slow');
$("#jquery_spinner_2").hide();
teaser();
});
}
}));
});