使用jQuery .attr替换条件注释中的图像，不起作用

Question

我正在尝试向使用IE 8或更早版本的网站访问者展示不同的图片，也许我错过了一些东西，但似乎这应该有效，任何帮助都会受到赞赏。

<!--[if lte IE 8]>
  <script>
    $("#myImage").attr("src", "/wp-content/themes/TRTheme/images/Chester-4317.jpg");
  </script>
<![endif]-->

<div id="mapOhio"> <img id="myImage" src="<?php bloginfo('template_url'); ?>/images/ohioMap.png" width="253" height="285" alt="Image of a map of Ohio." usemap="#image_map" border="0"/> </div>

Answer 1

在

中添加您的脚本

$(document).ready(function(){
    $("#myImage").attr("src", "/wp-content/themes/TRTheme/images/Chester-4317.jpg");
}

Answer 2

您尝试在元素存在之前访问该元素。颠倒顺序。回答评论，感谢Felix King。