Question

我目前正在从事一个客户想要画廊的项目。该画廊应该可以通过画廊上方的按钮进行过滤。虽然我相信我已经找到并实现了所需的逻辑，以使其能够通过图像源中的URL参数和关键字（通过各种测试）工作，但是我当前的问题是脚本在之前运行动态内容（图像）已加载，这意味着什么都没有发生。

我尝试使用jQuery(document).on("ready", function() {});，jQuery(".gallery img").on("load", function() {});和jQuery(".gallery img").load(function() {});都无济于事。

如果不是很明显，可以通过 .gallery 访问该容器，并且图像- img 。

我已经参加过各种StackOverflow聊天，在这里我得到了将脚本移动到加载动态内容之后的建议，但是，我不知道此文件的位置。

Answer 1

如果使用Ajax请求填充了图库，则可以使用jQuery的ajaxStop事件处理程序。当Ajax请求完成时，jQuery检查是否还有剩余的请求。如果没有，则触发ajaxStop事件。

简单的$(document).ajaxStop(function() { console.log('All Ajax requests completed.') });处理程序：

export const changeUserAvatar = (userId, imageUrl) => {
    firebaseService
      .database()
      .ref('users/' + userId)
      .update({
        profilePicture: imageUrl
      });
  };

如何检测何时已加载动态WordPress内容？

1 个答案: