0

我想创建一个每周计划计划器。我在网上找到了一个小部件,它可以完成我需要的一半。小部件,加上小的修改可以在这里找到:http: //jsfiddle.net/inadcod/GyanJ/ 我的问题是,对于每一天,我希望能够添加新的时间间隔滑块来捕获不同的小时间隔一天。像星期一我想设置三个时间间隔,一个在 8:00 到 12:00 之间,另一个在 12:45 到 16:30 之间,还有一个在 17:00 到 21:45 之间。如果有人可以帮助我,我将不胜感激。谢谢。

4

1 回答 1

2
$('.addNewInterval').click

你忘了 . 上课!添加相对于$(this)按钮单击处理程序内部的间隔滑块,现在您将在任何地方添加它。

.slider()在新函数中添加新配置。另请注意,我只选择新的而不是所有滑块(像您一样使用类引用)。

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

编辑

您必须插入新的输入字段来填充。(或者您将覆盖)并且您可以在之后获取该值,但在您尝试的时候它始终为 0。更好的是当幻灯片处理程序内部的值发生变化时。

将配置/选项对象放入变量中可能是明智之举,这样您不仅可以在第一次创建时使用它,还可以在每个额外添加的滑块中使用它,而不是编写两次相同的代码。

这可能会有所帮助,我添加了一些评论。

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

编辑

做了更多的工作:(可能需要一些样式)

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

于 2012-08-23T07:21:57.000 回答