IE에서만 JQuery와 스크립트가 꺼져 발사되지

Question

나는 다음과 같은 스크립트를 가지고

<!--[if IE]> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
    alert("ie"); 
    $('#usa').mapster({ 
     fillOpacity: 0.1, 
     render_highlight: { 
      fillColor: '2aff00', 
      stroke: false, 
      altImage: 'theImages/skillsets.png' 
     }, 
     render_select: { 
      fillColor: 'ff000c', 
      stroke: false, 
      altImage: 'theImages/skillsets.png' 
     }, 
     fadeInterval: 50 
    }); 
    }); 
    </script> 
    <![endif]--> 
    <script> 
    $(document).ready(function() { 
    $('#usa').mapster({ 
     fillOpacity: 0.1, 
     render_highlight: { 
      fillColor: '2aff00', 
      stroke: false, 
      altImage: 'theImages/skillsets.png' 
     }, 
     render_select: { 
      fillColor: 'ff000c', 
      stroke: false, 
      altImage: 'theImages/skillsets.png' 
     }, 
     fadeInterval: 50 
    }); 
    }); 
    </script> 

브라우저가 두 번째 스크립트는 해고해야 IE 이외이지만 IE 인 경우에 처음 스크립트를 해고해야합니다. 경고 문은 보이지만 나머지 스크립트는 두 번째 JavaScript에서 사용 중입니다. 0.1

나는 그것이 다른 브라우저에서 IE 0.1하지만 0.9가되고 싶어요 : fillOpacity이

때문에

유일한 문제이다.

Answer 1

IE 코드 후에도 계속 기본 코드가 실행되는 것처럼 보입니다. 변경할 사항이 불투명 한 경우 다음을 수행하십시오.

<script type="text/javascript"> 
opacity = 0.9; 
</script> 
<!--[if IE]> 
<script type="text/javascript"> 
opacity = 0.1; 
</script> 
<![endif]--> 

<script> 
    $(document).ready(function() { 
    $('#usa').mapster({ 
     fillOpacity: opacity, 
     render_highlight: { 
      fillColor: '2aff00', 
      stroke: false, 
      altImage: 'theImages/skillsets.png' 
     }, 
     render_select: { 
      fillColor: 'ff000c', 
      stroke: false, 
      altImage: 'theImages/skillsets.png' 
     }, 
     fadeInterval: 50 
    }); 
    }); 
    </script>