javascript - 带有时间选择器的 jQuery live

Question

要显示 .timePickr 我需要做 double hover 并将鼠标移动到另一个地方，然后才能看到 .timePiker 框，当我使用直播 事件。

如何通过一次悬停完成？

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