jquery ui datepicker IE tải lại hoặc nhảy lên đầu trang

Question

tôi nhận thấy vấn đề này trong IE 7 + 8

$('#event-start-date').datepicker({dateFormat:'DD MM dd yy',minDate:'-0d'}); 

Khi bạn chọn ngày trong IE 7 hoặc 8 trang đi vào # và load lại trang gốc

Tôi đang sử dụng jquery 1.4.0 và ui 1.7.2

Answer 1

Tôi đã gặp phải sự cố tương tự với jquery 1.4.2 khi sử dụng IE7. Điều này chỉ xảy ra với tôi khi sử dụng một hộp thoại phương thức. Các datepicker xuất hiện trên trang tốt nhưng chọn một ngày làm cho bạn được chuyển hướng đến đoạn #.

Tôi tìm thấy một sửa chữa đó là hoàn toàn khả thi nếu không mong muốn ở đây: http://forum.jquery.com/topic/modal-dialog-with-datepicker

Về cơ bản bạn chỉ cần xé href tắt của hộp trên chọn:

.datepicker({ onSelect: function() { $(".ui-datepicker a").removeAttr("href"); } }); 

Hoặc, nếu bạn đang sử dụng datepicker trên nội dung được tải động và ràng buộc lại, bạn có thể phải mất lớp học đầu tiên:

$("#your_text_box_id").removeClass('hasDatepicker').datepicker({ onSelect: function() { $(".ui-datepicker a").removeAttr("href"); } }); 

Hãy cho tôi một thời gian để tìm thấy điều này vì nhiều các vấn đề khác với jquery datepickers và IE, đi con số.

Answer 2

Tôi gặp vấn đề tương tự với FF 3.6.13, Jquery 1.5.0 được phân phối từ CDN jquery và jqueryui 1.8.9.

Cực kì kỳ quặc, nó chỉ xảy ra trên một số máy tính có cùng phiên bản firefox, với bộ nhớ cache được xóa.

Sửa lỗi này có hiệu quả đối với tôi. tức là

$(".datepicker").datepicker({ 
    dateFormat: "yy-mm-dd", 
    changeMonth: true, 
    changeYear: true, 
    numberOfMonths: 2, 
    showButtonPanel: true, 
    onSelect: function() { 
    $(".ui-datepicker a").removeAttr("href"); 
    } 
}); 

Vấn đề duy nhất hiện tại là bỏ qua sự kiện .change. Tôi đã sửa lỗi này bằng cách thêm $(this).change():

$(".datepicker").datepicker({ 
    dateFormat: "yy-mm-dd", 
    changeMonth: true, 
    changeYear: true, 
    numberOfMonths: 2, 
    showButtonPanel: true, 
    onSelect: function() { 
    $(".ui-datepicker a").removeAttr("href"); 
    $(this).change(); 
    } 
}); 

$(".date_unix").datepicker({ 
    dateFormat: "@", 
    changeMonth: true, 
    changeYear: true, 
    numberOfMonths: 2, 
    showButtonPanel: true, 
    onSelect: function() { 
    $(".ui-datepicker a").removeAttr("href"); 
    $(this).change(); 
    } 
});