2012-05-26 37 views
2

要顯示.timePickr我需要做的雙懸停移動鼠標到另外一個地方之前,我看到了.timePiker箱,當我使用live事件。jQuery的生活與時間選擇器

我怎麼能通過一個懸停?

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

你能提供一個jsfiddle嗎? –

+0

不,這很難..我修好了,謝謝 – Abudayah

回答

3

的問題是,您要添加的timepicker到輸入後懸停事件已被解僱。在下次您懸停時,時間選擇器將不會顯示。

有兩種選擇。要麼你再次觸發懸停事件:

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

試試這個代碼:

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

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

對不起,它不適用於新的自動生成.timePickr – Abudayah