スクリプトに ajax リクエストを送信し、json の結果を返す jquery が少しあります。次に、これらの結果が解析され、小さな画像ギャラリーが作成されます。これが私のフォームに追加されます。そのビットはすべて完全に機能します....私が抱えている問題は、画像をクリックするとさらに処理を実行できるように、画像にイベントをトリガーしようとしていることです....しかし、onclickを取得できません仕事...
誰かが何か指針を持っていれば、私はとても感謝しています。
$('.imgSel').click(function()
{
alert("I WORK!!!!");
});
$("#mydiv").change(function(){
{
var url = "ajax_pics.php";
$.ajax({
type: "GET",
url: url,
error: function(data){
console.log("could not get get pics");
},
success: function(data){
console.log(data);
var pics = jQuery.parseJSON( data );
$("#imageResultsDiv").remove();
var imageResults ='<label>Image</label><div id="currImg"></div>';
imageResults += "<div style='clear:both'></div><ul>";
imageResults += "<div id='imageResultsDiv'><ul>";
for(var i in pics)
{
imageResults +="<li>";
imageResults +="<img class='imgSel' id='"+pics[i].filename+"' src='"+pics[i].image+"' title='"+pics[i].summary+"'>";
imageResults +="<br/><small>"+pics[i].title+"</small>";
imageResults +="</li>";
}
imageResults +="</ul>";
$('#picsplaceholder').before(imageResults);
}
});
});