ドキュメントのどこかをクリックしたときに、ビューポートにある現在またはアクティブなウェイポイントを返したいと思います。
私はすでに次の関数を作成しており、完全に機能します。
$('.point').waypoint(function(e, direction) {
var $active = $(this),
index,
points = $('.point').length - 1,
$caption = $('.caption').first(),
caption;
index = $active.index('.point');
if (direction === "up") {
$active = $active.prev();
index = $active.index('.point');
if($active.index('.point') === -1) {
index = 0;
$('.bottom-nav').slideUp();
}
} else {
if($active.index('.point') === 1) {
index = 0;
$('.bottom-nav').slideDown();
}
}
caption = $active.data('caption');
if(caption) {
$caption.html('').append(caption);
} else {
$caption.html('');
}
currentSlide(index);
}, { offset: 72 });
私がやりたいことは、グローバルな $.waypoints オブジェクトから現在のウェイポイントにアクセスできるようにすることです。より具体的には、ドキュメントをクリックしたときに現在のウェイポイントを返すようにします。何かのようなもの:
$(document).on('click', function(){
var index = $.waypoints('current');
});
明らかにその構文は存在しませんが。
現在のウェイポイントを返す最良の方法は何ですか?
ありがとう!