因某种原因改变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/