Jquery每周计划

Question

我想创建一个每周计划计划。 我在网上找到了一个小工具，它可以做我需要的一半。 小部件，再加上细微的修改可以在这里找到：http://jsfiddle.net/inadcod/GyanJ/ 我的问题是，每个人的日子，我希望能够添加新的时间间隔滑块来捕捉不同时间间隔一天。就像星期一一样，我想设置三个时间间隔，一个在8:00和12:00之间，另一个在12:45和16:30之间，另一个在17:00和21:45之间。 如果任何人都可以帮助我，我会非常感激。谢谢。

Answer 1

$('.addNewInterval').click 

你忘了。为班级！在按钮点击处理程序内添加相对于$(this)的时间间隔滑块，现在您将其添加到任意位置。

添加新.slider()函数内部您选择新的配置。另外请注意，我只选择了新的而不是所有的滑块（使用像你这样的类引用）。

http://jsfiddle.net/GyanJ/5/

编辑

您必须插入新的输入字段来填充。 （或者你会覆盖）然后你可以获取值，但它总是在你尝试的地方为0。更好的是当幻灯片处理器内部的值发生变化时。

这可能是明智的，把配置/选项对象到一个变量，所以你可以使用它不仅在第一次创建也为每额外增加滑块而不是写两次相同的代码。

这可能有帮助，我添加了一些评论。

http://jsfiddle.net/GyanJ/8/

编辑

做一点就可以了更多的工作：（可能需要一些造型）

http://jsfiddle.net/GyanJ/16/