Giao diện người dùng jQuery không tải

Question

div thử nghiệm của tôi bên dưới. Nếu tôi đặt tất cả điều này vào trang riêng của mình, mọi thứ sẽ hoạt động hoàn hảo. Nếu nó đặt nó vào trang cuối cùng của tôi, tôi nhận được một lỗi nói rằng datepicker() là không xác định.

Làm cách nào để tìm hiểu nguyên nhân khiến giao diện người dùng jQuery phá vỡ?

<div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

<link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> 

<script type='text/javascript'> 
$(document).ready(function() { 

    //for calendar 
    $("#date_to").datepicker(); 
    $("#date_from").datepicker(); 
    //end for calendar 
}) 
</script> 

<input id='date_to'> 
<input id='date_from'> 
</div> 

Answer 1

Hãy chắc chắn rằng khi bạn tạo ra gói jQuery UI của bạn ở đây: http://jqueryui.com/download, bạn chọn phần tử datepicker. Tôi thấy rằng bạn đang sử dụng phiên bản được lưu trữ bởi Google, nó hoạt động tốt ở đây, chúng cung cấp cho nó: jQuery UI Datepicker 1.8.18 (xem mã nguồn). Để tìm hiểu nguyên nhân gây ra jQueryUI, ngoài việc gỡ lỗi:

• Kiểm tra tại jsfiddle.net;
• Thử nghiệm ở môi trường địa phương khác (các trình duyệt khác);

Hy vọng điều đó sẽ hữu ích.

Answer 2

Đảm bảo bạn không vô tình tham chiếu jQuery hai lần. Tôi đã có một phiên bản cũ hơn của jQuery tải sau khi jQuery UI, đó là jacking những thứ lên. =/