JQuery Scrollable List Dissapears if scrolled IE7
Posted
by namtax
on Stack Overflow
See other posts from Stack Overflow
or by namtax
Published on 2010-04-21T11:41:14Z
Indexed on
2010/04/21
11:43 UTC
Read the original article
Hit count: 309
Hi there
I have created a time picker using jquery, using the following code
// Display Time Picker
$('.time').click(function(){
$('.timePicker').remove();
var thisTime = $(this);
var timePicker = '<ul class="timePicker">'
timePicker += '<li>09:00</li>'
timePicker += '<li>09:15</li>'
timePicker += '</ul>'
thisTime.after(timePicker);
$('.timePicker').fadeIn()
$('.timePicker li').click(function(){
term = $(this).html();
$(thisTime).val(term);
$('.timePicker').remove();
});
}).blur(function(){
$('.timePicker').fadeOut();
});
This adds a dropdown scrollable list of times to any input field with the class "time".
This functions as expected in all browsers apart from IE7, where if I scroll the list to choose a time lower down in the list, the list dissapears..
Hope that makes sense, any help would be much appreciated
Many thanks
© Stack Overflow or respective owner