如何从最后一个元素开始 cd-水平时间轴.

Question

我们继承了一个网站，以前的Web开发人员已经复制了codyhouse的水平时间线。

问题是我们的客户要求时间表从最后开始。如在最后一个元素中，应该首先显示。

以前的 Web 开发人员似乎完全直接从这个代码笔复制代码。

https://codepen.io/shvvffle/pen/BzZGAd

https://codyhouse.co/demo/horizontal-timeline/index.html

我尝试修改以下函数：

function setDatePosition(timelineComponents, min) {
    for (i = 0; i < timelineComponents['timelineDates'].length; i++) { 
        var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
            distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
        timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');
    }
}

在页面加载时触发并将滑块发送到末尾，但我不确定"timelineComponents"指的是什么。

代码与代码

笔代码完全相同，我们只需要滑块从加载时的最后一个位置开始。有人有什么想法吗？这个代码笔不是我的，所以请不要编辑它！

Answer 1

1. 将类selected添加到所需的a[data-date]，将其保存到某个变量中，例如$my_lovely_element，
为匿名函数
2. 命名，该函数timelineComponents['eventsWrapper'].on(...),行传递，类似于 onNavClick ，
3. 在var timelineTotWidth = setTimelineWidth(...)后的下一行中调用onNavClick，如下所示：onNavClick.call($my_lovely_element, new Event("click"))

如果你想摆脱动画投入使用，一些类将控制transition

顺便说一句，我没有I'm not sure what 'timelineComponents' is referring to得到这条线.你是什么意思？您拥有整个代码，可以将其放入任何IDE中，它会告诉您timelineComponents含义。基本 Ctrl+F：时间轴组件也可以工作