Javascript 始终将timelinesetter卡聚焦在屏幕上

Javascript 始终将timelinesetter卡聚焦在屏幕上,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我使用从 问题是,当TS项大于时间线的一半时,插件不知道将激活卡放在哪里,因此它被隐藏,因为它超出了时间线。好的一面是,当你缩放卡片(TS项)的大小小于时间线大小的一半时,一切正常 上述问题的一个示例在这个JSFIDLE存储库中进行了说明: 我试图解决这个问题,我使卡片的大小与时间线的大小相同,当卡片移动时,我不移动卡片,而是移动卡片的箭头。不幸的是,这给缩放功能带来了其他问题 有人能给我指出如何解决这个问题的正确方向吗?我对代码看得不多,但在我看来,问题在于该卡有很多“left:”css

我使用从

问题是,当TS项大于时间线的一半时,插件不知道将激活卡放在哪里,因此它被隐藏,因为它超出了时间线。好的一面是,当你缩放卡片(TS项)的大小小于时间线大小的一半时,一切正常

上述问题的一个示例在这个JSFIDLE存储库中进行了说明:

我试图解决这个问题,我使卡片的大小与时间线的大小相同,当卡片移动时,我不移动卡片,而是移动卡片的箭头。不幸的是,这给缩放功能带来了其他问题


有人能给我指出如何解决这个问题的正确方向吗?

我对代码看得不多,但在我看来,问题在于该卡有很多“left:”css属性


试着去掉左边:只需移动指向时间线部分的黄色箭头。

看起来插件的示例工作正常(而且看起来你已经基于它制作了小提琴),这可能是你的浏览器有问题吗?我使用的是Chrome这个例子工作正常,因为正在更改的卡的宽度小于时间线大小的一半。但是用一张更大的卡片来检查我的例子。它超出了时间线!啊,原谅我,我没有用它做足够的实验。我确实调整了浏览器窗口的大小以进行尝试,但我没有单击任何失败的示例。很多仍然可以工作,但有些失败。看起来您必须更改源代码中的
flip
函数。在小提琴中搜索
flip:function(){
,您将看到它。您可能还需要查看
move
(搜索
move:function(){