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

标签 javascript jquery html

如果有人可以告诉我为什么此代码无法在单击链接时更改该图像的 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>

最佳答案

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

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

关于javascript - 更改 img src 由于某种原因不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12072556/

相关文章:

javascript - 使用复杂的 JavaScript 在 UIWebView 中插入 HTML 的代码片段?

jquery - 图表 js : How to change value for Y Axis?

javascript - 在动态表中添加行时更改 ID/类或输入名称

html - 一些 div 元素留在顶部(页面外)

javascript - Google map api v3 从数组添加折线

javascript - 重定向特定 channel 中的 Discord DM

jquery - 显示/隐藏表内上一个 <tr> 下方的重叠内容 <tr>

html - 如何使这个 100% 高度 + 列溢出布局在 Firefox 和 IE 中工作?

javascript - 在 JavaScript 中,typeof x == 'y' 和 typeof x === 'y' 之间有什么区别吗?

javascript - 在基于 Jquery 的时髦动画饼图中将点击转换为悬停