javascript - 我进行了 AJAX 调用，并且 jQuery 在调用后不再添加类

Question

我进行了一个 AJAX 调用，该调用接收动态内容并将其“延迟加载”到页面上。我想对从 AJAX 调用接收到的延迟加载图像应用过滤器，但不知何故，我无法向图像添加我想要的类或过滤器

这是我当前用于添加过滤器的脚本:

function authenticFilter() {
    $("img").addClass("authenticFilter");
    $(".authenticFilter").css({"filter": "sepia(80%) grayscale(1) contrast(1) opacity(0.7)", "-webkit-filter": "sepia(80%) contrast(1) opacity(0.7)"});
  }
 authenticFilter();

这是基本的 ajax 调用:

$.ajax({
    type: "GET",
    url: "php/database.php",
    data: {
      'offset': 0,
      'limit': $loadAmount
    },
    success: function(data){
      $('.articles').append(data);
      increaseArticles += 10;
    }
  });

我尝试过多种方法，包括将其放在文档就绪函数之外以及在函数之外使用它，但它似乎不起作用。互联网也没有提供太多帮助，因为显然只有 ajax 调用之外的点击事件很受欢迎。

Answer 1

您可能需要在 ajax 成功回调中调用 authenticFilter():

success: function(data){
  $('.articles').append(data);
  authenticFilter();
  increaseArticles += 10;
}