jQuery与时间选择器一起生活

时间:2012-05-26 13:19:13

标签: javascript jquery jquery-plugins

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

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

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

2 个答案:

答案 0 :(得分:3)

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

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

$(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();
});

答案 1 :(得分:0)

试试这段代码:

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

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