JavaScript 空引用错误

Question

下面显示的一段代码应该选择图像对象列表中的第一个对象。当它运行时，大约一半的时间我会收到错误:

TypeError: Cannot read property of mylist

我意识到发生这种情况是因为它试图引用一个尚未获得对象引用的对象。基本上，页面将加载，并且我想在 JavaScript 中调用此函数，但是如果此代码在引用列表之前运行，则会出错。这是我的代码片段:

window.onload = function () {
       try {
            var tnl = $find('mylist');


            tnl.selectFirstItem();
       }
       catch (exception) {
            alert(exception);
       }
}

tnl.selectFirstItem()

这一行是向 catch block 抛出错误的行。

所以，我的问题是，有没有办法强制它等待，直到引用这个对象“tnl”？

谢谢!

Answer 1

var tnl = $find('mylist');

应该是

var tnl = $('#mylist');

假设 mylist 是一个 ID。

您使用的查找错误。

首先获取元素，然后使用它来查找子元素。所以你可以这样做:

var container = $('.containerElement');
container.find('#mylist');