jQuery问题：无法读取未定义的属性

Question

我的代码在JSfiddle上似乎运行良好，但是一旦将其放置到已在DOM中加载了jquery的网页上，我就会收到此控制台错误，如屏幕截图所示。

我定位的iframe选择器存在。 有什么想法吗？

    $(document).ready(function() {
var stickyTop = $("iframe[id*='google_ads_iframe']").offset().top;
$(window).scroll(function() {
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop && $(".adSlot.headBanner").height() - $(".sticky").height() > windowTop) {
  $("iframe[id*='google_ads_iframe']").css('position', 'fixed');
} else {
  $("iframe[id*='google_ads_iframe']").css('position', 'relative');
}
});
});

Answer 1

$("iframe[id*='google_ads_iframe']") 将返回数组。您需要遍历每个对象。

类似这样的东西

$("iframe[id*='google_ads_iframe']").each(function(i, val){
  $(val).offset().top;
  ...
});