嗨,我正在使用roundabout.js实现具有5张图像的回旋处,如下所示
http://fredhq.com/projects/roundabout/demos/standard
所以我想知道当前的正面图像,以便每当用户单击它时我都可以实现一些触发器。当用户单击正面图像后面显示的图像时,我不想启用触发器。
仅针对正面图像启动触发器,而背面的其余图像则发生自然行为。
我尝试在HTML文件中使用roundabout_startChildren()函数,但不知道如何准确使用此函数。
最佳答案
注意:-我从未使用过此插件,因此,如果您认为我误解了您的问题,请不要拒绝回答正确的答案
here is the DEMO
在页面加载时,为所有可移动元素切换click
off
,并在单击元素on
hasClass
然后单击roundabout-in-focus
时将其替换为animateToNextChild
$('ul').roundabout()
$('ul li').off('click');
$('.roundabout-moveable-item').click(function(e){
if($(this).hasClass('roundabout-in-focus'))
{
$(this).on('click')
$('ul').roundabout("animateToNextChild")
}
})
根据评论中提到的要求进行编辑
DEMO
$('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
}
})
关于javascript - 使用Roundabout.js时如何知道StartChild,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19753200/