Coda slider hack - 使用jQuery动画和位置方法的标记运动

Question

使用Coda Slider我试图在选择新标签时移动标记（CSS三角形）。以下是我的目标：Design，这是我到目前为止的工作：WIP。

此时箭头绘制在左侧导航面板的底部，但我需要它在选中时移动到选项卡的x坐标的中间。有什么想法吗？

我可以使用以下方法移动Chrome控制台上的箭头：

var position = ($(".current").position().left)-($(".arrows").position().left);
$('.arrows')
.find('.arrow')
    .animate({left: '+=500'}, 2000)
.end()
.find('.arrow-border')
    .animate({left: '+=500'}, 2000)
.end();

但每当我尝试使用position作为变量来翻译它时，它就会停止工作。任何人吗？

Answer 1

我在“coda-slider.css”和“jquery.coda-slider-3.0.min.js”中做了一些更改

你无法改变“coda-slider.css”中的样式，因为JQuery文件中有样式“jquery.coda-slider-3.0.min.js”

您可以下载Coin Slider

的来源