以下代码适用于Chrome,Firefox和Safari,但它不适用于IE9。有人有什么主意吗?jquery无法正常工作ie
代码应该如何工作的原因是: 当鼠标位于#calendar上时,'.day'将是可点击的。如果鼠标悬停在其上,“.day”背景也会改变颜色。点击'.day'后,会弹出一个jquery-ui对话框以获取值。
在IE9中: '.day'是不可点击的。当鼠标悬停在其上时,“.day”背景颜色也不会改变。什么都没发生。
$(document).ready(function() {
$('#calendar').mouseout(function() {
$('#calendar .calendar .day').unbind('click');
});
$('#calendar').mouseover(function() {
$('#calendar .calendar .day').bind('click', function(){
day_num = $(this).find('.day_num').html();
$('#dialog-form').dialog("open");
});
});
$(function() {
$('#dialog-form')
.attr('title', 'Number')
.dialog({
autoOpen: false,
closeOnEscape: true,
draggable: false,
resizable: false,
height: 180,
width: 450,
show: 'fade',
modal: true,
buttons: {
'Ok': function() {
var spinner = $("#spinner").spinner();
day_data = (spinner.spinner("value"));
if(day_data !=null){
$.ajax({
url: window.location,
type: 'POST',
data: {
day: day_num,
data: day_data
},
success: function(msg){
location.reload();
}
}).error (function() {
alert('an error occured');
});
}
},
Cancel: function() {
$(this).dialog("close");
}
}
});
}
你不需要内的另一个的document.ready功能的document.ready功能与要求 – 2013-03-06 03:59:06