javascript - 如何使用 jquery 延迟对象检查元素是否在 DOM 中？

Question

我想知道是否可以使用 jQuery 延迟对象来测试元素是否在 DOM 中。

这是我的想法:

function chkDOM(selector) {
  if $(selector) {
    return deferred.promise();
  }
}

$.when(chkDOM(selector)).then(function() {
  // do something
});

我不太清楚如何编写代码来实现这一点，但我希望我的问题是有道理的。如果我能让这部分正常工作，那么我基本上可以延迟某些 jquery 插件的调用，以便它们真正正常运行。

谢谢!

Answer 1

我假设您正在运行一个定期检查选择器是否存在的循环:

var dfd = $.Deferred();
var checkSelector = setInterval(function () {
    if ($("#selector").length) {
        dfd.resolve();
        clearInterval(checkSelector);
    }
}, 1000);

dfd.done(function () {
   console.log('it has been added');
});

注意 $.when 不是必需的；您可以直接在延迟对象上使用 .done。