加载js元素时做某事，不工作

Question

我有这个 Jquery 函数可以在元素准备好时单击它。它是一个区间，如下函数：

MonitorAndClick(selector) {
    var ele = $(selector);
    if (ele.length == 0) {
        var intervalid = setInterval(function () {
            var ele = $(selector);

            if (ele.length > 0) {
                ele[0].click();
                clearInterval(intervalid);

                return true;
            }
        }, 500);
    } else {
        ele[0].click();
        return true;
    }
}

问题是在某些情况下，它不起作用。但是这是一个间隔，它每 0.5 秒检查一次元素是否准备就绪，那怎么可能呢？有没有其他方法可以检查元素是否准备好？

补充说明：

我有一架手风琴。我有一个打开手风琴的功能->打开其中一个项目->详细打开标签页

这是函数：

 //--reach to this point, open accordion index 2--------
 ShowAccordion(2);
 //----open the item with specific Id in accordion items------
 setTimeout(function () {
    var selector = "tr[gacategory = '/myprotection/mywills/item_" + parseInt(willId) + "]";

MonitorAndClick(选择器); }, 500);

关键是这个元素应该在那里，有时它的加载速度不够快，我想有办法检查它是否已加载，然后点击它。

cmets 后更新代码

var selector = "tr[gacategory = '/myprotection/mywills/item_" + parseInt(willId) + "]";
    $("#selector").ready(function () {
        console.log('**********.... selector is loaded ....*****');
        if (!$("#selector").hasClass('selected')) 
            MonitorAndClick(selector);
    });

还是不行。

Answer 1

你可能想试试https://api.jquery.com/ready/

似乎 jquery 就绪功能也可以应用于单个元素

Answer 2

您为什么要依靠 0.5 秒的延迟来确保您的元素存在于 DOM 中。只有在您的元素出现在 DOM 中之后，您才应该调用此函数。如果在将此元素添加到 DOM 时有另一个条件驱动，则在满足该条件后调用此函数。