jQuery Waypoints在正確的位置沒有射擊

Question

我想設置三個航點與偏移位置，第一個航點工作絕對正常，並在正確的偏移位置（75％）射擊，但第二個和第三個航點，位於只是在Flexslider轉盤不在正確的偏移位置點火之後。由於傳送帶改變頁面的高度尺寸，一旦在需要的頁面上進一步向下滾動，第二和第三路標點火，因此增加了實際的偏移位置。

我試過打電話$.waypoints('refresh')，但我沒有任何幸運。我的代碼如下。

// first-flexslider 
$(window).load(function() { 
    $('#firstSlider').flexslider({ 
    animation: "slide", 
    directionNav: false, 
    controlNav: true, 
    }); 
}); 
// second-flexslider 
$(window).load(function() { 
    $('#secondSlider').flexslider({ 
    animation: "slide", 
    directionNav: false, 
    controlNav: false, 
    }); 
}); 
$('.prev, .next').on('click', function() { 
    var href = $(this).attr('href'); 
    $('#secondSlider').flexslider(href) 
    return false; 
}) 
$(document).ready(function(){ 
    $.waypoints('refresh'); 
}); 
// waypoints 
$(document).ready(function() { 

    $('.wp1').waypoint(function() { 
    $('.wp1').addClass('animated fadeInUp'); 
    }, { 
    offset: '75%' 
    }); 

    $('.wp2').waypoint(function() { 
    $('.wp2').addClass('animated fadeInUp'); 
    }, { 
    offset: '75%' 
    }); 

    $('.wp3').waypoint(function() { 
    $('.wp3').addClass('animated fadeInUpD'); 
    }, { 
    offset: '75%' 
    }); 

}); 

我希望找出如何克服這個問題，必須在正確的第二和第三個航點火偏移位置（75％）。如果您需要更多信息，請告訴我。謝謝。

Answer 1

Flexslider有所回調API，在這裏你可以各種操作後執行功能：https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

我會檢查出after回調和可能start回調，並從那裏調用刷新。例如：

$('#secondSlider').flexslider({ 
    animation: "slide", 
    directionNav: false, 
    controlNav: false, 
    after: function() { 
    $.waypoints('refresh'); 
    } 
});