javascript - 使用roundabout.js时如何知道StartChild

Question

嗨，我正在使用 roundabout.js 实现带有 5 个图像的环形交叉路口，此处显示 http://fredhq.com/projects/roundabout/demos/standard

所以我想知道当前的正面图像，这样我就可以在用户点击它时实现一些触发器。当用户单击前面图像后面显示的图像时，我不想启用触发器。

触发器仅针对前面的图像启动，而后面的其余图像会发生自然行为。

我尝试在我的 Html 文件中使用 roundabout_startChildren() 函数，但不知道如何准确使用该函数。

Answer 1

注意：-我从未使用过此插件，所以如果您认为我误解了您的问题，请不要对答案投反对票，请纠正我

这是演示

click off在页面加载时切换所有可移动元素，然后on在单击元素时切换hasClass roundabout-in-focusanimateToNextChild

$('ul').roundabout()
$('ul li').off('click');

$('.roundabout-moveable-item').click(function(e){


if($(this).hasClass('roundabout-in-focus'))
{


    $(this).on('click')
    $('ul').roundabout("animateToNextChild")

}
})

根据评论中提到的要求进行编辑

演示

$('ul').roundabout()


$('.roundabout-moveable-item').click(function(e){


if($(this).hasClass('roundabout-in-focus'))
{


    window.open('http://www.google.com')
    //use --window.location="http://www.google.com"-- to open in same window

}
})