jQuery与时间选择器一起生活

Question

要显示.timePickr我需要执行双悬停并在我使用.timePiker事件时看到live框之前将鼠标移动到其他位置。< / p>

如何通过一个悬停来实现？

$(".timePickr").live('hover', function() {
    $(function(){
        $(".timePickr").timepickr();
    });
});

Answer 1

问题是，在发出悬停事件后，您将时间戳添加到输入。时间戳将在下次悬停时显示。

有两种选择。您可以再次触发悬停事件：

$(function() {
  $(".timePickr").live('hover', function() {
    $(this).timepickr();
    $(this).hover();
  });
});

更好的选择是移动代码以在文档加载函数中应用时间选择器，或者在动态引入新元素时。

$(function() {
  $(".timePickr").timepickr();
});

//Somewhere else
$.get("someurl", null, function(data) {
  $("#some-div").html(data);
  $(".timePickr").timepickr();
});

Answer 2

试试这段代码：

$(function() {
   $(".timePickr").timePickr(); // set all timePicker on document load

   $(".timePickr").live('hover', function() {
       $(this).trigger('click');
   }); 
});