我正在尝试从页面上的文件夹中提取所有图像。然后,我针对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() {...});

此调用动态绑定。

09-26 19:13