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这么多。浏览器控制台错误表明该路径无法访问。我改成了 $（＆＃34;＃img_change＆＃34）ATTR（＆＃34; SRC＆＃34;＆＃34; /Content/Images/img2.jpg"）; 它现在正在运作。再次出手

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

2 个答案: