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;
}

我做了一个AJAX调用，jQuery不再在调用后添加类

1 个答案: