2012-12-30 175 views
2

代碼:關閉,for循環

function updateProfil() { 
    $.getJSON("./index_logg2.php", null, processCustom); 
} 

function processCustom(data) { 
    $.each(data, function(k, v) { 
    $(".panel").append('<center><img src="images/custom/'+ v +' "title="Click to set it" "></center><br />'); 
    /* 
    $(".panel").click(function() { 
     var data= ??? 
     $.post("./index_logg2.php", { data: ??? }, updateProfil); 
    }); 
    */ 
    }); 
} 

我能夠動態展現圖像,但我希望能夠在單擊圖像時捕捉(動態)圖像名稱。

我知道我必須使用1. javascript閉包,2. for for循環inseatad。包含圖像名稱的JSON看起來像:

["1.jpg","2.png","3.gif","somename.jpg", "someothername.jpg" .............] 

您會幫我解決這個問題嗎? 預先感謝您!

回答

0

當你想點擊的圖像時,你可以做這樣的事情發生的事情:

$("img").click(function() { 
     alert("you clicked "+this.src); 
    }); 

這裏是一個演示:

http://codepen.io/hoganlong/pen/gLleJ

對於剛剛在一個項目您可以使用div命名的面板:

$("#panel img").click(function() { 
     alert("you clicked "+this.src); 
    });