IE8-specific JavaScript error?

Question

I have a problem in IE8:

function costructor(sectionId){
$('#nextG').ready(function(){
var counterBis = 0;
slider = '.slider0'+sectionId;
//sliderBox = $(slider).closest('.floatContent');
unitScrollBis = $(slider).find('.floatImg').eq(0).width();
maxImg = $(slider).find('.floatImg').length-2;
    /*problem*/
prev = "#" + $("#controller0" + sectionId).find(".controller").eq(0).attr("id");
next = "#" + $("#controller0" + sectionId).find(".controller").eq(0).attr("id");
    /*END*/
console.log(prev);
console.log(next);
makeMove(counterBis,unitScrollBis,prev,next,slider,maxImg);
function makeMove(counterBis,unitScrollBis,prev,next,slider,maxImg){
if(counterBis <= 0){
    $(prev).fadeOut("fast");
}
else if(counterBis >= maxImg){
    $(next).fadeOut("fast");
}
$(next).click(function(){
    if(counterBis <= maxImg){
        counterBis++;
        $(prev).fadeIn("fast");
        slide(counterBis);
        }
    else{
        $(next).fadeOut("fast");
    }
});
$(prev).click(function(){
    if(counterBis > 0){
        counterBis--;
        $(next).fadeIn("fast");
        slide(counterBis);
    }
    else{
        $(prev).fadeOut("fast");
    }
});
function slide(counterBis){
    $(slider).animate({
    marginLeft: '-' + (unitScrollBis*counterBis) + 'px'
},1000);
};
};

IE8 says that: SCRIPT438: Object doesn't support property or method Can anyone help me? The problem is only in IE8, I don't understand why IE can't build this string. thanks for the help

dsgriffin · Accepted Answer · 2012-11-27 14:57:25Z

3

You need to declare variables with the var keyword, otherwise older versions of IE will not recognise them and possibly break.

So change

prev = "#" + $("#controller0" + sectionId).find(".controller").eq(0).attr("id");
next = "#" + $("#controller0" + sectionId).find(".controller").eq(0).attr("id");

to

var prev = "#" + $("#controller0" + sectionId).find(".controller").eq(0).attr("id");
var next = "#" + $("#controller0" + sectionId).find(".controller").eq(0).attr("id");

and everything should work as it does in other browsers/IE9

edited Nov 27, 2012 at 14:57

answered Nov 27, 2012 at 14:29

dsgriffin

68.8k17 gold badges141 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

ghost Over a year ago

thank's problem solved, ie>8 don't have this problem, and the othe browser too.I have a question to you:'why some developers not use the keyword var for some variables?'

dsgriffin Over a year ago

@user1856813 Yeah sorry I meant to mention it's like an IE8-and-before issue, IE9+ and others are fine without it thankfully.

dsgriffin Over a year ago

In regard to your question, check out this question and it's answers - stackoverflow.com/questions/1470488/…

ghost Over a year ago

I have a question to you:'why some developers not use the keyword var for some variables?'

Niet the Dark Absol Over a year ago

@ghost Because unfortunately for the smart developers, someone wrote "w3schools", teaching all the new programmers horrendous coding practices such as global variables, using keywords as variable names, blah blah blah...

|

Collectives™ on Stack Overflow

IE8-specific JavaScript error?

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related