无法调用未定义的方法“查找”

Question

我正在尝试在jQuery代码中使用对象。

我几乎有这个：

var opts = {
  ul: $(this).find('.carousel'),
  li: ul.find('li')
}

li属性给出错误Cannot call method 'find' of undefined

如何解决？

Answer 1

不管选择器是什么，在声明对象时都无法访问所声明对象的属性。

为什么要宣布ul ？ 您正在对opts对象创建属性ul 。

丑陋：

您可能想要的是：

var opts = {
    ul: $(this).find('.carousel')    
}
opts.li = opts.ul.find('li');

但是，如果您实际上不需要同时引用这两个组，则：

清洁器：

var opts = {
    li: $(this).find('.carousel li')    
}

一样好

最干净的：

您也可以这样做：

var $carousel = $(this).find('.carousel');
var options = {
    carousel: $carousel,
    carouselItems: $carousel.find('li')
}

天哪，但您要求它：

var CarouselOptions = (function () {
    var options = function (carousel) {
        this.carousel = $(carousel);
        this.carouselItems = this.carousel.find('li');
    };

    options.prototype.myOptionsFunction = function () {
        // Don't know what you want your object to do, but you wanted a prototype...
    };

    return options;
})();
var opts = new CarouselOptions($(this).find('.carousel'));

也

（请特别注意this是什么，假设页面上有多个.carousel元素，并且在此您希望该元素位于事件目标之内。）

Answer 2

您的错误消息实际上是在说$(this)是未定义的（换句话说，jQuery找不到此元素）。 因为你根本就没有你想设置单个对象之外的任何代码，我不知道是什么的实际价值this是。

我要做的是确保将this设置为某种元素。 一个简单的console.log(this)应该可以解决这个问题。 如果this不是HTML元素，那就是您的问题。 确保您位于jQuery事件函数中，如下所示：

$('#id').click(function() { 
    this === document.getElementById('id');  // true
});`

或者，您可以只删除$(this) ：

var opts = {};
opts.ul = $('.carousel'),
opts.li = opts.ul.find('li') 

Answer 3

var that = $(this);
var opts = {
    ul: that.find('.carousel'),
    li: ul.find('li')
}