使用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”）; 現在正在工作。 再次感謝