您好,我正在使用此处显示的 roundabout.js 实现带有 5 个图像的环形交叉路口 http://fredhq.com/projects/roundabout/demos/standard
所以我想知道当前的正面图像,这样我就可以在用户点击它时实现一些触发器。我不想在用户点击前面图片后面显示的图片时启用触发器。
触发器仅针对正面图像启动,自然行为对背面的其余图像发生。
我尝试在我的 Html 文件中使用 roundabout_startChildren() 函数,但不知道如何准确使用该函数。
最佳答案
注意:-我从来没有使用过这个插件,所以如果您认为我误解了您的问题,请不要投票,请更正我的答案
在页面加载时为所有可移动元素切换 click
off
并在点击元素 hasClass
时on
> 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")
}
})
根据评论中提到的要求编辑
$('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/