JavaScript issue with IE9 - Working without issue when Developer Toolbar is shown

Question

I'm encountering quite a weird JavaScript Issue in IE9 (It works fine tough in Chrome, Safari, Firefox).

I have some JS that selects a different Color of an Image when you click on that associated swatch. In IE9, it seems that is completely ignoring this and it is simply doing nothing. But, as soon as I open up the F12 Developer Tools it starts working - Even without reloading the page. Am I mising something here?

jQuery

$('.product-details-description-colors .circle img').click(function() {

  if(!$(this).hasClass('oos')) {

    url = $(this).parent('label').data('image');
    color_value = $(this).parent('label').prev('input');
    color_value.prop('checked', true);

    $('.circle').find('input').not(color_value).attr('checked', false);
    $(this).css('outline', '1px solid black');
    $('.product-details-description-colors .circle img').not(this).css('outline', 'none');
    $('.product-details-images-showroom img').attr('src', url);

  }

});

Is this wrapped with the ready event? Are you using console.? — slamborne
– slamborne, Commented Mar 20, 2013 at 0:37
What version of jQuery are you using? And we'd be able to help further if you had some more code, maybe the HTML and CSS? Create a JS fiddle @ jsfiddle.net — Oliver Tappin
– Oliver Tappin, Commented Mar 20, 2013 at 0:44
From my understanding, isn't calling an anonymous jQuery function the same as calling (document).ready? - In addition to that, opening the console or having an output there wont help - As soon as I open the console on IE, it starts working. — Martin Lang
– Martin Lang, Commented Mar 20, 2013 at 0:50
Even when the developer tools are in a different window? If this is fixed to your screen, see if the issue happens when changing your screen size - as that what the developer tools will be doing. — Oliver Tappin
– Oliver Tappin, Commented Mar 20, 2013 at 0:58
It works, even when the Developer Tools are in a different window - also when I resize the browser, it does not seem to make any changes. I'm completely lost on that issue. — Martin Lang
– Martin Lang, Commented Mar 20, 2013 at 1:09

Andrew Mao · Accepted Answer · 2013-03-20 03:32:02Z

3

I assume you haven't posted all your code. One of the most common causes of this is trying to use the console object, specifically console.log. This is only available when the F12 tools are open and if they aren't, it will cause mysterious errors from propagating undefined.

Hence, this is a good idea to put somewhere in your coffeescript app:

# Fix IE logging issues
if not window.console
  window.console = 
    log: ->

answered Mar 20, 2013 at 3:32

Andrew Mao

37k24 gold badges148 silver badges228 bronze badges

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

2 Comments

Martin Lang Over a year ago

Removing the console.log debugging statements fixed that issue! Thank you!

Andrew Mao Over a year ago

Run that code above as the page loads and it'll work regardless of whether you remove your statements or not.

Collectives™ on Stack Overflow

JavaScript issue with IE9 - Working without issue when Developer Toolbar is shown

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related