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/