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

    } 

});

來源

2013-03-20 Martin Lang

這是包裹着ready事件？你使用'console.'嗎？ – slamborne 2013-03-20 00:37:00

你使用的是什麼版本的jQuery？如果你有更多的代碼，也許是'HTML'和'CSS'，我們可以進一步提供幫助？創建一個JS小提琴@ jsfiddle.net – 2013-03-20 00:44:20

從我的理解，是不是調用一個匿名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: ->

來源

2013-03-20 03:32:02

刪除console.log調試語句修復了該問題！謝謝！ – 2013-03-20 16:42:39

在頁面加載時運行上面的代碼，無論您是否刪除您的語句，它都可以工作。 – 2013-03-20 18:54:06

IE9的JavaScript問題 - 開發人員工具欄顯示時工作沒有問題

回答

相關問題