javascript - jQueryはタイムピッカーでライブ

Question

イベントを使用するときにボックスが表示される前に、ダブルホバーを実行してマウスを別の場所に移動する.timePickr必要があることを示すために。.timePikerlive

どうすれば1回のホバーでそれを達成できますか？

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

Answer 1

問題は、ホバーイベントが発生した後に入力にタイムピッカーを追加していることです。タイムピッカーは、次にホバーするまで表示されません。

2つのオプションがあります。ホバーイベントを再度トリガーするか、次のようにします。

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