Question

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

您可以在此处查看正在进行的操作：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');
});

并删除处理程序中的函数

项目变为“unstuck”时的功能

1 个答案: