使用jquery更改img的src属性后,图像无法显示

时间:2015-09-17 12:59:19

标签: javascript jquery html asp.net-mvc-3 model-view-controller

我的页面上有一张图片。单击按钮时,我想更改图像的src并显示新图像。以下是我的代码。

<img id="img_change" src = "~/content/images/img1.jpg" />

下面我有

<script>
$("document").ready(function() {
  $("button").click(function() {
    $("#img_change").attr("src","~/content/images/img2.jpg");
  });
});

单击图像时未显示。我已经尝试过我所知道的一切。

2 个答案:

答案 0 :(得分:0)

这是因为您的选择器不正确。你的代码应该是这样的:

$("document").ready(function() {
  $("button").click(function() {
    // "#img_change" and not "img_change"
    $("#img_change").attr("src","~/content/images/img2.jpg");
  });
});

您需要在选择器前面放置#,因为您使用ID来定位正确的元素。

答案 1 :(得分:0)

@Swatto Thnku这么多。浏览器控制台错误表明该路径无法访问。 我改成了 $(&#34;#img_change&#34)ATTR(&#34; SRC&#34;&#34; /Content/Images/img2.jpg"); 它现在正在运作。 再次出手