jquery IE错误

Question

我有一些jquery写的，在firefox和chrome中工作正常，但在IE中抛出一个错误。

这里是代码的部分，当取出允许脚本的其他部分将正常运行......（否则整个文件不是由IE读取）

var product_qty_is_zero = ExternalCustom_product_qty_is_zero; //'import' external variable from view.phtml 
var option_is_selected = false; 
var options_exist = false; 
if( ($(".options-container-big").length > 0) || ($(".options-container-small").length > 0) ) 
    options_exist = true; 

$('#main-button-btn-cart').mouseenter(function() { 
     //@ controlling backorder message 
     if(product_qty_is_zero) 
     { 
      $('#select-product-reminder').slideDown(300); 
      $('#select-product-reminder').text("product is purchaseable but on backorder"); 
      $('#select-product-reminder').css("background-color", "#c3c3c3"); 
     }           
}); 

$('#main-button-btn-cart').click(function() { 
    if(!option_is_selected && options_exist) 
     $('#select-product-reminder').slideDown(300); 
    else 
     productAddToCartForm.submit(); 
}); 



$('#select-product-reminder').slideUp(300); 
    option_is_selected = true; 

var image_info = ExternalCustom_image_info; //'import' variable from media.phtml 
    var image_link; 
    var $selected_value_variation = $('.selected').html(); 
    for (var i = 0; i < image_info.length; i++) 
    { 
     if(image_info[i][0] == $selected_value_variation) 
      image_link = image_info[i][1]; 
    } 
    $('#main-image').attr("href", image_link); 

如果任何人都可以看通过它，看看是否有任何常见的IE标记错误，并给我一些提示，将不胜感激！

注*我已经尝试过的类和DIV扩展，如 $（ 'div.options容器-大'） 和 $（ '＃DIV主按钮BTN-车'）

Answer 1

唯一没有更多的信息，我可以看到，可能会引起一些麻烦：

productAddToCartForm.submit(); 

如果IE不知道那是什么，它很可能会失败。尝试在其包装jQuery的安全选择语法：

$(productAddToCartForm).submit(); 

或：

// Assuming you have a <form id="productAddToCardForm"...> 
$('#productAddToCartForm').submit(); 

Answer 2

你说，IE浏览器说，console是上线

if (console) { ... // Error if `console` is not defined anywhere 

这是相当正确的未定义。 console不是浏览器上的保证内置对象，尽管许多浏览器都提供它。您可能想要

if (typeof console !== "undefined") { ... 

...改为。我们没有采取的值，我们只是检查它是否存在。

这是JavaScript的面积，可以得到一个有点混乱，但基本上，如果你尝试采取真的没有声明任何地方不合格的参考，例如价值

if (foo) { ... 

...这是一个错误。这可能会引起混淆的原因是，您可以在完全相同的情况下将指定为到foo，并且这将是有效的（它将是The Horror of Implicit Globals，但是有效）。同样，你可以愉快地采取从来没有定义的对象属性的值：

var obj = {}; 
if (obj.foo) { ... // Not an error, we just don't go into the body of the `if` 

...因为这不是一个不合格的参考。但有了不合格的参考文献，这是一个错误。

那么为什么console在IE8和IE9上不合格，两者都有console.log等等？由于IE8和IE9没有console [或console.log] ，除非您的开发人员工具已打开。奇怪而真实。错，但是是真的。 :-)打开基本上是IE8和IE9插件的开发者工具，即时添加了console对象。 （有关堆栈溢出的更多信息，请参见this other question (and answer)。）