Question

So I have a pretty simple problem here, been looking all over the web but I’m unable to find any answers. I have a page with some JQuery – the first set animates a bunch of buttons with set values (which works fine in IE). I however get some problems when I try to use:

left: '+=1024'

This is only not working in IE, in fact, it buggers out the whole of the script. This is the section that I use it in (it just basically moves the background with some buttons):

//BG rotator
  $counter = 2;

//left-btn
$("#left-btn").click(function(){
    $("#rotator").animate({
        left: '+=1024',
    },1000); 
    --$counter;
    if ($counter == 1) {
        $("#left-btn").css("display", "none");
    } else {
        $("#left-btn").css("display", "block");
        $("#right-btn").css("display", "block");
    }
});

What I initially thought was to just grab the current left property of the div, and assign that to a variable, but for some reason using a variable with the left animation wasn’t working either. I tested all of the code, everything works when I remove that “left” bit in the animation.

Any help would be appreciated, thanks!

Answer 1

change this line and see if works:

left: '+=1024px' // <-- note the missing ,

as there is a JavaScript error in IE7 because the trailing comma is not allowed – see Can you use a trailing comma in a JSON object?