添加可變字符串到img src路徑點擊

我試圖設置一個變量裏面和圖像路徑使用jQuery點擊。下面的模型函數設置文件夾變量，它將成爲圖像路徑中的文件夾名稱。所以點擊按鈕1的例子，我想變量'文件夾'被設置爲'folder1'，所以當我點擊一種顏色時，它需要該圖像形式的文件夾。我的問題是，當我選擇一種顏色時，變量不會傳遞到路徑中，而正確的路徑會分配給圖像src。添加可變字符串到img src路徑點擊

jQuery的...

var folder = ''; 

//MODELS 


$(function() { 
$('.folder1').click(function(){ 
    var folder = 'folder1'; 
    $(".selected-car").attr('src',"img/folder1/pic1.jpeg"); 
    return false; 
}); 
$('.folder2').click(function(){ 
    var folder = 'folder2'; 
    $(".selected-car").attr('src',"img/folder2/pic1.jpeg"); 
    alert(model); 
    return false; 
}); 
$('.folder3').click(function(){ 
    var folder = 'folder3'; 
    $(".selected-car").attr('src',"img/folder3/pic1.jpeg"); 
    return false; 
}); 
$('.folder4').click(function(){ 
    var folder = 'folder4'; 
    $(".selected-car").attr('src',"img/folder4/pic1.jpeg"); 
    return false; 
}); 
}); 


//COLOURS 

$(function() { 


    $('.colour1').click(function(){ 
     $(".selected-car").attr('src',"img/"+folder+"/cooper1.jpeg"); 
     return false; 
    }); 
    $('.colour2').click(function(){ 
     $(".selected-car").attr('src',"img/"+folder+"/cooper2.jpeg"); 
     return false; 
    }); 

});

HTML ...

    <div class="select-model"> 

         <button class="folder1">model 1</button> 
         <button class="folder2">model 2</button> 
         <button class="folder3">model 3</button> 
         <button class="folder4">model 4</button> 

        </div> 

        <div class="configuration clearfix"> 

         <img src="img/folder1/pic6.jpeg" class="selected-car"><!-- default pic --> 

         <div class="select-colour clearfix"> 
          <a href="#"><img src="img/colour/colour1.jpeg" class="colour1"></a> 
          <a href="#"><img src="img/colour/colour2.jpeg" class="colour2"></a> 
          <a href="#"><img src="img/colour/colour3.jpeg" class="colour3"></a> 
          <a href="#"><img src="img/colour/colour4.jpeg" class="colour4"></a> 
          <a href="#"><img src="img/colour/colour5.jpeg" class="colour5"></a> 
          <a href="#"><img src="img/colour/colour6.jpeg" class="colour6"></a> 
          <a href="#"><img src="img/colour/colour7.jpeg" class="colour7"></a> 
          <a href="#"><img src="img/colour/colour8.jpeg" class="colour8"></a> 
          <a href="#"><img src="img/colour/colour9.jpeg" class="colour9"></a> 
          <a href="#"><img src="img/colour/colour10.jpeg" class="colour10"></a> 
         </div> 
        </div>

來源

2014-10-16 Amesey

而你所遇到的問題是...？ – j08691 2014-10-16 15:36:08

對不起...我的問題是，當我選擇一種顏色時，變量不會被傳遞到路徑中，而正確的路徑會被分配給圖像src。 – Amesey 2014-10-16 15:39:26

你的文件夾變量在哪裏分配了一個值？ – j08691 2014-10-16 15:41:36

我想你應該改變 '模式' 變量名 '文件夾'。把這些：

var model = 'folder1'; 
var model = 'folder2'; 
var model = 'folder3'; 
var model = 'folder4';

這些：

var folder = 'folder1'; 
var folder = 'folder2'; 
var folder = 'folder3'; 
var folder = 'folder4';

來源

2014-10-16 15:44:45

對不起，我已經在我的代碼中做了這個，我只是爲了正確編輯這個腳本 – Amesey 2014-10-16 15:52:30

我已經編輯上面的代碼，感謝您的發現。這樣的代碼，它目前不起作用 – Amesey 2014-10-16 15:53:32

這是所有關於變量的作用域，您必須刪除的文件夾變量變量定義：監守這個定義改變它的範圍，卸妝「變種」的文字和寫這些：

folder = 'folder1'; 
folder = 'folder2'; 
folder = 'folder3'; 
folder = 'folder4';

來源

2014-10-16 16:06:48

我從每個onclick事件中刪除了「變種」 ......

 folder = 'folder1';

固定:)

來源

2014-10-16 16:06:52 Amesey

添加可變字符串到img src路徑點擊

回答

相關問題