Question

我有一些jquery代码在firebug chrome中遇到了一些问题。

任何帮助都会很棒，请更新小提琴。

请看小提琴的链接。

图像 jquery problem http://oi43.tinypic.com/2nst1dt.jpg

    /*  SHOW CATEGORIES
    ===================================================================*/

$('.normal-btn\.interest').click(function(e){
   // Prevent the event from bubbling up the DOM tree
   e.stopPropagation();
   $('.categories-wrap').fadeIn(); // must be hidden, to fade in
});
$(document, '.normal-btn\.interest').click(function(){
    $('.categories-wrap').fadeOut(); // must be visible, to fade out
});


var offset = $(".sticky-header").offset();
var sticky = document.getElementById("sticky-header")
var additionalPixels = 50;

$(window).scroll(function () {
    if ($(window).scrollTop() > offset.top - additionalPixels) {
        $('#profile-container').addClass('fixed');
    } else {
        $('#profile-container').removeClass('fixed');
    }
});

Answer 1

它告诉你到底出了什么问题。 offset未定义。你可能期望它有一个值，检查它为什么没有。

但是你会收到更多错误。

，关于滑块和另一个关于无效.top访问的内容。

Answer 2

看起来大部分代码都不在document.ready中。一旦dom准备好，就需要执行var offset = $(".sticky-header").offset();。

Answer 3

您的代码：

var offset = $(".sticky-header").offset();
var sticky = document.getElementById("sticky-header")
var additionalPixels = 50;

第一行选择{strong>类为sticky-header的所有元素，然后获取第一行的偏移量。如果选择器与零元素匹配，.offset()函数将返回undefined，由于您稍后会遇到错误，此处似乎就是这种情况。

在下一行，你选择了一个 id 为sticky-header的元素，这让我觉得也许你的第一行应该是

var offset = $('#sticky-header').offset();

相反，它使用ID选择器而不是第一类。

无法修复jquery / javascript错误

3 个答案: