Interfaccia utente jQuery non in caricamento

Question

Il mio test div è di seguito. Se metto tutto questo nella sua pagina, tutto funziona perfettamente. Se lo metto nella mia pagina finale, ricevo un errore che dice che datepicker() non è definito.

Come faccio a capire che cosa sta causando jQuery UI per rompere?

<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

essere sicuri che quando si genera il pacchetto di jQuery UI qui: http://jqueryui.com/download, si seleziona l'elemento Datepicker. Ho visto che si sta utilizzando la versione ospitata da Google , funziona benissimo qui, essi forniscono è: jQuery UI Datepicker 1.8.18 (guarda il codice sorgente). Per capire cosa sta causando la rottura di jQueryUI, oltre al debug:

• Test su jsfiddle.net;
• Test in altri ambienti locali (anche altri browser);

Speranza che aiuta.

Answer 2

Assicurarsi che non hai accidentalmente riferimento jQuery due volte. Avevo una versione precedente del caricamento di jQuery dopo l'interfaccia utente di jQuery, che stava risolvendo le cose. =/