2014-10-09 27 views
1

當同一頁面中有多個時間選擇器時,我注意到一個奇怪的行爲。 在兩個時間選擇器之間切換後,最終其中一個不會被移除/隱藏,並會一直持續到我們刷新頁面。同一頁面中有多個時間選擇器bug

我認爲這是我的代碼的問題,但後來我做了一個簡單的引導示例我在谷歌上找到一個測試。

小提琴錯誤例如: http://jsfiddle.net/kW3G7/282/

所使用的唯一的代碼是:預先 `$('.timepicker').timepicker();

感謝。

編輯:我在那裏GitHub的項目中創建一個issue

編輯2:看來,timepicker停止調用文件onclick事件(上面的代碼)

$(document).on('mousedown.timepicker, touchend.timepicker', function (e) { 
    // This condition was inspired by bootstrap-datepicker. 
    // The element the timepicker is invoked on is the input but it has a sibling for addon/button. 
    if (!(self.$element.parent().find(e.target).length || 
      self.$widget.is(e.target) || 
      self.$widget.find(e.target).length)) { 
      self.hideWidget(); 
     } 
    }); 
+0

我知道如果你使用jQuery datepickers,你會得到同樣的反應,我會做的是將一個單擊事件綁定到文本框,然後創建datepicker然後手動打開它,然後在完成後將其摧毀。這允許您有多個選擇器,並且一次只打開一個。 – blackops 2014-10-09 17:31:35

回答

0

解決方案,現在,刪除「on」事件觸發器中的「touchend.timepicker」。

我不認爲這是正確的/最終的解決方案,但它接縫工作。

相關問題