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

时间:2013-01-31 02:48:38

标签: javascript jquery dom deferred

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

以下是我的想法:

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

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

我不知道如何形成代码来实现这一目标,但我希望我的问题有道理。如果我能让这个片段正常工作,那么我基本上可以延迟调用某些jquery插件,以便它们实际运行正常。

谢谢!

3 个答案:

答案 0 :(得分:8)

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

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

答案 1 :(得分:2)

您可以使用以下内容检查元素是否存在 您不必使用延迟。

if( jQuery(selector).length > 0 ) {
    // exists
}

答案 2 :(得分:0)

要检查DOM中的元素,只需使用

if($(selector).length > 0) {
// do something

}

$(selector)返回一个与selector选择条件匹配的元素数组。