28

我试图从一个元素中获取顶部，但我收到了这个错误，这是什么意思，我该如何摆脱它？

$(".hover").offset().top

>Uncaught TypeError: Cannot read property 'top' of undefined

$(".hover")

[div.hover, prevObject: x.fn.x.init[1], context: document, selector: ".hover", jquery: "2.0.3", constructor: function…]
[prevObject: x.fn.x.init[1], context: document, selector: ".hover", jquery: "2.0.3", constructor: function…]

当我尝试将它放入嵌套的可放置对象时，这发生在 jqueryui 的 drop 事件中。

$.fn.makeDroppable = function(){
    $(this).droppable({
        drop: function(event, ui) {
            console.log($(".hover"));
            console.log($(".hover").offset().top);
            $(".hover").makeDroppable().removeClass("hover");
        },
        over: function(event, ui) {
            $("<div>").addClass("hover").appendTo(this);
        }
    });
}
$(".container").makeDroppable();

<div class="container"></div>
4

2 回答 2

24

如果 DOM 没有运行 jQuery 的元素，jQuery 返回 prevObject。您可能会在运行时在源代码中看到该元素，但是它没有绑定到 DOM，因此它显示 prevObject。尝试再次检查您的 js 文件，或者将代码粘贴到此处。

于 2014-04-29T17:12:29.273 回答
12

虽然错误与 无关prevObject，但我会解释它，因为它是标题中的问题。

jQuery .end()

结束当前链中最近的过滤操作，并将匹配的元素集返回到其先前的状态。

要返回其先前的状态，jQuery 会返回prevObject包含在过滤操作之前选择的元素，例如.find(),.filter()和.children(), 被应用。

例子

$('#target').append($('div').find('input').remove().end());

$('div')将选择所有 div 元素。--- (*1)

然后，$('div').find('input').remove()将选择所选 div 元素内的所有输入元素并删除这些输入元素。

之后，$('div').find('input').remove().end()将返回.find('input')调用之前的元素。因此，它将返回与(*1)中相同的所有 div 元素，只是删除了 div 内的所有输入元素。返回的元素存储在prevObject.

最后，返回的元素(*1)被附加到#target.

.end()的文档：https ://api.jquery.com/end/

于 2017-05-10T10:58:31.020 回答