javascript - 当某项变为 'unstuck' 时的函数

Question

这可能很简单，但到目前为止还没有弄清楚。我使用 Waypoints + Sticky 作为标题/ Logo 区域。我希望 Logo 在卡住时具有 preventDefault() ，这样点击它只会执行 toggleClass() 操作，而不是跟随 URL。但我需要删除 preventDefault() ，当它没有卡住时，这样单击 Logo 就会按预期转到网站根 URL。

您可以在此处查看正在进行的操作:http://radiantled.staging.wpengine.com

我的脚本:

// Sticky Stuff
var header = $('#header');
var stuck_logo = $('.stuck #logo a');
var logo_shadow = $('.logo-shadow');
var header_height = header.outerHeight();
var header_offset = -(header_height+40);
var inner_header_height = inner_header.outerHeight();

header.waypoint('sticky',{
    offset: header_offset,
    handler: function() {
        stuck_logo.click(function(e){
            e.preventDefault();
            header.toggleClass('reveal');
            logo_shadow.toggleClass('hide');
        });
    }
});

Answer 1

如果你使用:

$(document).on('click','.stuck #logo a', function(e){
   e.preventDefault();
   header.toggleClass('reveal');
   logo_shadow.toggleClass('hide');
});

并删除处理程序中的函数