IE9的JavaScript问题 - 开发人员工具栏显示时工作没有问题

问题描述:

我在IE9中遇到了一个奇怪的JavaScript问题(它在Chrome,Safari,Firefox中运行良好)。IE9的JavaScript问题 - 开发人员工具栏显示时工作没有问题

我有一些JS,当你点击相关的色板时选择不同的图像颜色。在IE9中,看起来完全忽略了这一点,它只是无所作为。但是,只要我打开F12 Developer Tools,它就会开始工作 - 即使不重新加载页面。我在这里做什么?

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); 

    } 

}); 
+2

这是包裹着ready事件?你使用'console.'吗? – slamborne 2013-03-20 00:37:00

+1

你使用的是什么版本的jQuery?如果你有更多的代码,也许是'HTML'和'CSS',我们可以进一步提供帮助?创建一个JS小提琴@ jsfiddle.net – 2013-03-20 00:44:20

+0

从我的理解,是不是调用一个匿名jQuery函数调用(document).ready? - 除此之外,打开控制台或有输出不会帮助 - 只要我在IE上打开控制台,它开始工作。 – 2013-03-20 00:50:57

我假设你已经没有发布所有的代码。其中最常见的原因是尝试使用console对象,特别是console.log。这仅在F12工具打开时才可用,如果它们不是,则会导致传播的神秘错误undefined

因此,这是一个好主意,把在某处你的CoffeeScript应用:

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

删除console.log调试语句修复了该问题!谢谢! – 2013-03-20 16:42:39

+0

在页面加载时运行上面的代码,无论您是否删除您的语句,它都可以工作。 – 2013-03-20 18:54:06