javascript - 更改 img src 由于某种原因不起作用

Question

如果有人可以告诉我为什么此代码无法在单击链接时更改该图像的 src。对于了解 javascript 的人来说，这是非常简单和容易的。我做了一个jsfiddle:http://jsfiddle.net/WWvfP/1/

<ul id="nav">
            <li><a href="#" id="home_mic">Contact</a></li>
            <li><a href="#" id="services_mic">Services</a></li>
            <li><a href="#" id="prices_mic">Prices</a></li>
            <li><a href="#" id="contact_mic">About</a></li>
</ul>

<div id="imageWrap">

<img src="http://placehold.it/80x80" id="mainImage" style=""/>

</div>

<script language="javascript">
  $("#home_mic").click(function(event){
  $("#mainImage").attr("src","http://placehold.it/80x40");
});</script>

Answer 1

您的代码是正确的。您只是没有在 jsfiddle 中选择 jQuery 作为 JS 框架。

更正的jsfiddle:http://jsfiddle.net/Ralt/WWvfP/4/