<img> src屬性不會改變使用jquery

嗨，大家好我已經做了一個JqueryUI簡單的滑塊，在一定的範圍內，我使圖像URL，然後嘗試更改src屬性。<img> src屬性不會改變使用jquery

有四個圖像我試圖改變。

檢查jsFiddle here。

我認爲代碼很好，但它不工作，我不知道爲什麼？

來源

2012-06-22 Owais Qureshi

......但滑不動：）（FFox） –

看看你的f irebug/chrome console：'postRetrmntImage未定義 $（「＃」+ postRetrmntImage）.attr（'src'，ImageName）;' – jantimon

謝謝各位我使用了未定義的變量：/，對我來說太愚蠢了:-( –

替換此：

$("#" + postRetrmntImage).attr('src', ImageName);

這樣：

$("#postRetrmntImage").attr('src', ImageName);

的問題是，你不會指派任何postRetrmntImage變量。

查看更新的jsfiddle demo

來源

2012-06-22 12:28:49 antyrat

謝謝親愛的，我使用了未定義的變量：/，對我來說太愚蠢了:-( –

更改行...

$("#" + postRetrmntImage).attr('src', ImageName);

到...

$("#postRetrmntImage").attr('src', ImageName);

來源

2012-06-22 12:29:00

試圖這樣做：

$("#" + postRetrmntImage.toString()).attr('src', ImageName);

來源

2012-06-22 12:31:06

演示http://jsfiddle.net/8Sw5J/

說明：請使用：$("#" + sliderId).prop('src', ImageName);因爲在你的函數要傳遞的id作爲sliderId.

另外，如果我可以建議使用讀.prop好這裏：.prop() vs .attr()

休息演示中，你可以看看它是如何工作的，

希望這會有所幫助:)

全碼

$(document).ready(function() { 
      makeSingleSliderWithImage('postRetrmntMnthlyPaymt', 0, 10000, 0, 500); 
     } 
     ); 
     function makeSingleSliderWithImage(sliderId, minimum, maximum, val, steps) { 

      //Display label shud have a X appended 
      $('#' + sliderId).slider(
       { 
        //range: 'min', 
        min: minimum, 
        max: maximum, 
        step: steps, 
        //starting values for silders 
        value: val, 
        slide: function (event, ui) { 
         //var ImageURL = "Images/"; 
         //var ImageName = ""; 
         //var ext = ".jpg"; 

         if ((ui.value >= 0) && (ui.value <= 2000))//Basic: 0-2000 
          ImageName = "http://www.iconempire.com/icon-processor/icon40.gif"; 
         else if ((ui.value >= 2500) && (ui.value <= 4500))//Moderate: 2500-4500 
          ImageName = "http://aux.iconpedia.net/uploads/14234829766434728.png"; 
         else if ((ui.value >= 5000) && (ui.value <= 7000))//Comfortable: 5000-7000 
          ImageName = "http://www.iconempire.com/icon-processor/icon40.gif"; 
         else if ((ui.value >= 7500) && (ui.value <= 10000))//Luxury:7500-10,000 
          ImageName = "Luxury"; 
         //var fullURL = ImageURL + ImageName + ext; 
         //change Image URL 
         $("#" + sliderId).prop('src', ImageName); //{ src: fullURL }); 

         alert($("#" + sliderId).prop('src')); 
         //change Slider Value 
         $("#" + sliderId + "X").text(ui.value); 
        } 
       } 
      ); 
     }

來源

2012-06-22 12:31:23

值分配給postRetrmntImage然後用prop代替attrsee why prop

var postRetrmntImage="postRetrmntImage"; 
$("#" + postRetrmntImage).prop('src', ImageName);

來源

2012-06-22 12:45:36 Rab

+1用於提示道具 –

不能使用$（「＃postRetrmntImage」）。prop（'src'，ImageName）; –

是的，你可以，我想說，你仍然可以使用你的變量 – Rab

試試這個

$("#postRetrmntImage").attr('src', 'newimage.png');

來源

2012-06-22 13:01:51

<img> src屬性不會改變使用jquery

回答

相關問題