jQuery/Javascript not running in IE7

Question

The following script below is not running in IE7 but works perfectly fine in IE 8 + 9 and ALL other browsers. Even putting in the alert("something"); does not work - I have another script that is working fine and that is running in IE 7 perfectly.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Am I missing a DOCTYPE? Here is the script below;

var formPageTitle = $("div.hsRadarform td h3").text(); 

$('.AspNet-DataList td a').each(function (index) {        
    var listElementText = $(this).text();
    var shade = "faint";

    if(formPageTitle.toLowerCase() == listElementText.toLowerCase()) {
        shade = "dark";
    }

    //adding the numbered circles here using jQuery
    $(this).css({ 
        'background-image': 'url(/assets/img/radarstep' + (index + 1) + shade + '.png)',
        'background-repeat': 'no-repeat',
        'height': '25px',
        'width': '25px',
    });
});

@c-sharpnewbie see this -> stackoverflow.com/questions/7246618/… — Manse
– Manse, Commented Dec 2, 2011 at 13:54

Manse · Accepted Answer · 2011-12-02 13:43:35Z

14

IE is very picky with trailing commas :

$(this).css({ 'background-image': 'url(/assets/img/radarstep' + (index + 1) + shade + '.png)',
    'background-repeat': 'no-repeat',
    'height': '25px',
    'width': '25px',
});

Should be

$(this).css({ 'background-image': 'url(/assets/img/radarstep' + (index + 1) + shade + '.png)',
    'background-repeat': 'no-repeat',
    'height': '25px',
    'width': '25px' // comma removed
});

answered Dec 2, 2011 at 13:43

Manse

38.1k11 gold badges88 silver badges112 bronze badges

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

5 Comments

mjcoder Over a year ago

that comma was causing the problem - working now in all browsers - not bothering with IE6. One little comma and IE is very picky - they shouldnt be too picky - they could drive people crazy LOL. Cheers - will mark it as the answer - wont let me just now only afer 5 minutes.

Manse Over a year ago

"they could drive people crazy" they do ... I deal with anomalies between IE / Firefox / Safari and Chrome on a daily basis ...

mjcoder Over a year ago

i have TR and TD's inside that when i give it a float: left; i want it to display all on one line - for some reason its not having it in IE7 - IE 8 + 9 is fine - no tweaking is needed there.

Manse Over a year ago

@c-sharpnewbie Sorry but I dont quite understand you question - your better off raising another question on here with some source ...

mjcoder Over a year ago

never mind had a look around - seems you cant float TD or TR elements in IE7 (I'll just hide it) thanks for your help, enjoy the rest of your day.

Collectives™ on Stack Overflow

jQuery/Javascript not running in IE7

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related