jQuery यूआई लोड नहीं हो रहा है

Question

मेरा परीक्षण div नीचे है। यदि मैं इसे सब अपने पृष्ठ पर डालता हूं, तो सब कुछ पूरी तरह से काम करता है। अगर यह इसे मेरे अंतिम पृष्ठ पर रखता है, तो मुझे यह कहते हुए एक त्रुटि मिलती है कि डेटपिकर() अपरिभाषित है।

मैं कैसे पता लगा सकता हूं कि jQuery UI को तोड़ने का कारण क्या है? http://jqueryui.com/download, आप तत्व Datepicker का चयन करें:

<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

सुनिश्चित करें कि जब आप अपने jQuery यूआई पैकेज यहाँ उत्पन्न हो। मैंने देखा कि आप Google द्वारा होस्ट किए गए संस्करण का उपयोग कर रहे हैं, यह ठीक काम करता है, वे इसे प्रदान करते हैं: jQuery UI Datepicker 1.8.18 (स्रोत कोड देखें)। यह जानने के लिए कि jQueryUI को तोड़ने के कारण क्या है, डीबगिंग के अलावा:

• jsfiddle.net पर परीक्षण;
• अन्य स्थानीय वातावरण में परीक्षण (अन्य ब्राउज़रों के साथ-साथ);

उम्मीद है कि यह मदद करता है।

Answer 2

सुनिश्चित करें कि आपने गलती से jQuery को दो बार संदर्भित नहीं किया है। JQuery UI के बाद मेरे पास jQuery लोडिंग का पुराना संस्करण था, जो चीज़ों को जैक कर रहा था। =/