2011-12-05 24 views
1

Firefoxでこれを開き、テキストボックスに入力を開始しますが、何もオプションがありません。私は何が欠けていますか?オートコンプリート - 動作していません

<script type='text/javascript' language='javascript'  src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js'></script> 
<SCRIPT> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
</SCRIPT> 

<html> 
<body> 
<DIV class=demo> 
    <DIV class=ui-widget> 
     <LABEL for=tags>Tags: </LABEL> 
     <INPUT id=tags> </INPUT> 
    </DIV> 
</DIV><!-- End demo --> 
</body> 
</html> 
+0

jqueryソースに加えてjqueryソースも参照していますか? – BNL

+0

属性の前後に引用符を使用すると、問題を解決できます。 – Tarik

答えて

1

あなたはjQueryのを欠落していた

<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type='text/javascript' language='javascript'  src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js'></script> 
<SCRIPT> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
</SCRIPT> 
</head> 
<body> 
<DIV class=demo> 
    <DIV class=ui-widget> 
     <LABEL for=tags>Tags: </LABEL> 
     <INPUT id=tags> </INPUT> 
    </DIV> 
</DIV><!-- End demo --> 
</body> 
</html> 

を試してみてください。

関連する問題