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

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

本文关键字:工具栏 有问题 开发 显示 JavaScript 问题 IE9      更新时间:2023-09-26

我在IE9中遇到了一个相当奇怪的JavaScript问题(它在Chrome, Safari, Firefox中工作得很好)。

我有一些JS,选择一个图像的不同颜色,当你点击相关的样本。在IE9中,似乎完全忽略了这一点,它只是什么都不做。但是,只要我打开F12开发人员工具,它就开始工作了——即使没有重新加载页面。我是不是漏掉了什么?

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

我认为您还没有发布所有的代码。最常见的原因之一是试图使用console对象,特别是console.log。这只在F12工具打开时可用,如果它们不打开,它将导致传播undefined的神秘错误。

因此,这是一个好主意,放在你的coffeescript应用程序的某个地方:

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