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/