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/