2011-04-03 25 views
10

क्या कोई मुझे बता सकता है कि jquery स्वतः पूर्ण करने के लिए मेरा कोड क्यों काम नहीं कर रहा है?jquery स्वत: पूर्ण काम नहीं कर रहा

यहां मेरा जावास्क्रिप्ट कोड है।

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"]; 
     $("#seed_one").autocomplete({ source: data }); 
    }); 
</script> 

और यहाँ मेरी एचटीएमएल है:

<input id="seed_one" type="text" name="seed_one"/><br /> <br /> 

धन्यवाद,

लांस

उत्तर

19

चेतावनी: यह वापस 2011 के लिए एक पुराने सवाल डेटिंग करने के लिए एक पुराने जवाब आप jQuery का एक और अधिक हाल ही में रिलीज का उपयोग और मार्गदर्शन के लिए API संदर्भ की जांच करने की सलाह दी होना चाहिए।

आपको हो रही समस्या यह है कि आप jQuery Autocomplete plugin उपयोग कर रहे हैं लेकिन आप इसे जिस तरह से आप jQuery UI autocomplete कहेंगे कॉल कर रहे है।

यदि आप jQuery UI Autocomplete का उपयोग करेंगे, तो कोड स्वयं ठीक काम करता है क्योंकि आप see in this fiddle कर सकते हैं। आप स्वत: पूर्ण प्लगइन का उपयोग करते हैं, तो आप

$("#seed_one").autocomplete(data); 

सुझाव के लिए कॉल को बदलने के लिए है: स्वत: पूर्ण प्लगइन jQuery UI में स्वत: पूर्ण बजाय

  1. का प्रयोग करें। उत्तरार्द्ध बहिष्कृत है।
  2. फिक्स http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js, यह इस समय का उपयोग नहीं किया जा सका jQuery यूआई

    <html> 
    <head> 
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script> 
        <script type="text/javascript"> 
         $(document).ready(function(){ 
          var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"]; 
          $("#seed_one").autocomplete({source:data}); 
         }); 
        </script> 
    </head> 
    
    <body> 
        <input id="seed_one" type="text" name="seed_one"/> 
    </body> 
    </html> 
    

    स्वत: पूर्ण प्लगइन के लिए पूर्ण कोड के लिए

पूरा कोड:

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"]; 
      $("#seed_one").autocomplete(data); 
     }); 
    </script> 
</head> 

<body> 
    <input id="seed_one" type="text" name="seed_one"/> 
</body> 
</html> 
+0

Hmmmm, यह अभी भी काम नहीं करता है .... अब वास्तव में निराशाजनक हो रहा है – Lance

+0

ईडी मामलों के लिए पूर्ण कोड शामिल करने के लिए टेड, एफएफ 4 पर परीक्षण किया गया। –

+0

आपको बहुत धन्यवाद। मेरे पास कुछ बार अनुपस्थित होने की प्रवृत्ति है, इसलिए शायद मुझे कुछ मिनीस्कूल हाहा – Lance

5

$("#seed_one").autocomplete({ source: data }); 

बदलने का प्रयास करें

को 210
$("#seed_one").autocomplete(data); 
-3
*** 

> for Mvc Artitecture you must delete already imbended 
> @Scripts.Render("~/bundles/Jquery") and 
> @Scripts.Render("~/bundles/Jquaryval") on all .cshtml files at the 
> end and for also views/Shared/_layout.cshtml at the end and put our 
> jaquery suitable files on his suitables .cshtmls files in head...and 
> lets enjoy. put on head..these files 
> 
> <link href="~/Content/jquery-ui-1.10.4.custom.min.css" 
> rel="stylesheet" type="text/css" /> <script 
> src="~/Scripts/jquery-1.10.2.js" type="text/javascript"></script> 
> <script src="~/Scripts/jquery-ui-1.10.4.custom.min.js" 
> type="text/javascript"></script> 

*** 
संबंधित मुद्दे