我正在尝试从页面上的文件夹中提取所有图像。然后,我针对ajax中的jquery元素将html类添加到了'.append'函数中。现在,我想在另一个函数中使用ajax之外的类。但是似乎该类是本地的,因此未在ajax之外定义。你能告诉我如何解决吗?我的代码-
/* html code */
<body>
<div id="imageWrapper">
<div id="spanImage"></div>
</div>
<script>
var folder = "images/";
$.ajax({
url : folder,
success: function (data) {
$(data).find("a").attr("href", function (i, val) {
if( val.match(/\.(jpe?g|png|gif)$/) ) {
$("#spanImage").append( "<img src='"+ folder + val +"' class='imageThumbnails'>");
}
});
}
});
/* I have added class = 'imageThumbnails' dynamically to each image appended. Now I would like to use the class to work on individual image to make them pop up
*/
$(".imageThumbnails").click(function() {...}
</script>
</body>
这不起作用,因为系统无法将“ imageThumbnails”识别为有效类。你能帮忙吗?
最佳答案
您可以使用以下代码绑定事件$(document).on("click",".imageThumbnails",function() {...});
此调用动态绑定。