使用jQuery更改img的src属性后图像未显示

Question

我的页面上有一张图片。 单击按钮后，我想更改图像的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");
  });
});

单击时，图像不会显示。 我已经尽力了。

Answer 1

这是因为您的选择器不正确。 您的代码应如下所示：

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

您需要在选择器前面加上# ，因为您使用的是ID来定位正确的元素。

Answer 2

@Swatto Thnku太多了。 浏览器控制台错误表明该路径不可访问。 我将其更改为$（“＃img_change”）。attr（“ src”，“ / Content / Images / img2.jpg”）; 现在正在工作。 再次感谢