Javascript 使用Roundout.js时如何了解StartChild

您好，我正在使用此处显示的roundout.js使用5个图像实现Roundout

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

触发器仅针对正面图像启动，而背面其余图像则会发生自然行为

---

我尝试在Html文件中使用Roundound_startChildren（）函数，但不知道如何正确使用此函数。

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

当页面加载时，为所有可移动元素切换

单击
关闭
，当单击的元素
具有类时打开
，然后切换
动画下一个孩子

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

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


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


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

}
})

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


您好UDB感谢您的回复。正如您在所讨论的url中看到的，如果用户单击Block2或Block5和Block1，则会发生旋转，但我希望仅对当前位于后面的Block2和Block5发生旋转，并且如果用户单击Block1，则希望导航到新的url（页面）。但是在你发布的答案中，只有当我点击前面的块，即红色块时，才会发生旋转。@techspartans我已经编辑了答案，并包含了另一个演示，请看。这就是你想要的吗？@techspartans块在第一次单击后将变得不可点击，因此编辑删除行
$（this）.off（'click'）
）。这就是我想要的。你能分享完整的代码吗。我无法集成此代码。我是JS的新手。那么，你能分享完整的代码吗？嗨，我找到了。谢谢。有关下载代码，请参阅
$('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

}
})