javascript/jquery가 IE를 제외한 모든 브라우저에서 실행되는 이유는 무엇입니까?

Question

나는 신선한 눈이 내가 무엇을 놓쳤는 지 알 수 있기를 바라고있다. Firefox, Chrome, Opera & Safari에서는 작동하지만 Internet Explorer에서는 작동하지 않는 WordPress 사이트의 페이지가 있습니다. 심지어 아무 것도 실행하는지 확인하기 위해 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);