更改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/