爲什麼javascript/jquery會在所有瀏覽器中執行但IE？

Question

我希望有一些新鮮的眼睛可以看到我失蹤的東西。我有一個頁面（在WordPress網站中），在Firefox，Chrome，Opera & Safari中運行良好，但不在IE中。爲了查看它是否執行了任何操作，我在document.ready函數的第一行中放置了一個警報，並且它顯示在除IE之外的所有瀏覽器中（在IE7和IE9上嘗試過）。

這裏是document.ready函數。任何人都可以看到任何理由，爲什麼這不會在IE中執行？

<!-- language: lang-js --> 
$(document).ready(function() { 
    alert('in .ready function'); 
    //$("input:text:visible:first").focus(); 
    $(window).scrollTop(); 
    // $(this).scrollTop(0); 
    $("#u_phone").mask("(999) 999-9999"); 
    $('#fab_result').hide(); 
    $('#fab_header').hide(); 
    $('#optIn').hide(); 
    $('div.message').show(); 
    $('#mymap').show(); 
    $("#my_form").validate(); 
    if ($("#u_firstname").length > 0) { 
     $("#u_firstname").rules("add", { 
      required: true, 
      minlength: 5, 
      messages: { 
       required: " This field is required " 
      } 
     }); 
    } 
    if ($("#u_email").length > 0) { 
     $("#u_email").rules("add", { 
      required: true, 
      email: true, 
      messages: { 
       required: " This field is required " 
      } 
     }); 
    } 
    if ($("#u_phone").length > 0) { 
     $("#u_phone").rules("add", { 
      required: true, 
      messages: { 
       required: " This field is required " 
      } 
     }); 
    } 
    if ($("#u_custom_20").length > 0) { 
     $("#u_custom_20").rules("add", { 
      required: true, 
      minlength: 3, 
      messages: { 
       required: " This field is required " 
      } 
     }); 
    } 
    var mapsterOpts = { 
     fillOpacity: 0.5, 
     render_highlight: { 
      fillColor: '2aff00', 
      stroke: true, 
      strokeWidth: 2 
     }, 
     render_select: { 
      fillColor: 'ff000c', 
      stroke: false 
     }, 
     fadeInterval: 5000, 
     isSelectable: false 
    }, 
     mainOpts = $.extend({}, mapsterOpts, { 
      mapKey: 'province', 
      onClick: clickMain 
     }), 
     detailOpts = $.extend({}, mapsterOpts, { 
      onClick: clickDetail 
     }); 
    $('#canada-map').mapster(mainOpts); 
}); 

Answer 1

問題是在這裏：

使用VAR聲明變量，不要使用逗號（，），而不是（;）

改變這一點：

var mapsterOpts = { 
    fillOpacity: 0.5, 
    render_highlight: { 
     fillColor: '2aff00', 
     stroke: true, 
     strokeWidth: 2 
    }, 
    render_select: { 
     fillColor: 'ff000c', 
     stroke: false 
    }, 
    fadeInterval: 5000, 
    isSelectable: false 
}, 
    mainOpts = $.extend({}, mapsterOpts, { 
     mapKey: 'province', 
     onClick: clickMain 
    }), 
    detailOpts = $.extend({}, mapsterOpts, { 
     onClick: clickDetail 
    }); 
$('#canada-map').mapster(mainOpts); 

到

var mapsterOpts = { 
     fillOpacity: 0.5, 
     render_highlight: { 
      fillColor: '2aff00', 
      stroke: true, 
      strokeWidth: 2 
     }, 
     render_select: { 
      fillColor: 'ff000c', 
      stroke: false 
     }, 
     fadeInterval: 5000, 
     isSelectable: false 
    }; 
    var mainOpts = $.extend({}, mapsterOpts, { 
     mapKey: 'province', 
     onClick: clickMain 
    }); 
    var detailOpts = $.extend({}, mapsterOpts, { 
     onClick: clickDetail 
    }); 
    $('#canada-map').mapster(mainOpts);