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

标签 javascript jquery html jquery-plugins

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

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

触发器仅针对正面图像启动,自然行为对背面的其余图像发生。

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

最佳答案

注意:-我从来没有使用过这个插件,所以如果您认为我误解了您的问题,请不要投票,请更正我的答案

here is the DEMO

在页面加载时为所有可移动元素切换 click off 并在点击元素 hasClasson > 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/

相关文章:

javascript - 服务器无法识别 REST 服务中客户端的获取请求

javascript - 如何防止两个react-native Picker相互影响?

javascript - "Easing-out"使用 jQuery 单击另一个 div 时出现无限 CSS 旋转动画

javascript - 无效格式 pki.privateKeyFrom... PKCS#8 与 node-forge javascript

html - 为什么标题、容器和导航栏 div 位于 ul div 之上?

javascript - 将 UL 添加到 LI(不将 LI 添加到 UL)

javascript - webpack:在解析模块之前必须手动执行 TSC

javascript - 如何在angularjs中的div元素上附加父子div?

javascript - 以 HTML 格式操作 AJAX 响应

Javascript/jQuery 解决方案,用于从表单中的下拉列表中求和值