1

Web サイトで jQuery オートコンプリートを使用しています。ユーザーがドロップダウンオプションをクリックしたときに検索結果ページに移動したい..そのために「選択」イベントを使用しましたが、選択イベント中には発生しません。

何か案は ？ここにコードがあります

 $(function(){
var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];



         $('#autocomplete').autocomplete({
            source: availableTags,
                select: function(event,ui){
                    alert("Selected ");
                }
         });
4

1 に答える 1

3

あなたの閉じ括弧$(function() {がありません - 最後に追加する必要があり});ます..

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
        ];
    $('#autocomplete').autocomplete({
        source: availableTags,
        select: function(event, ui) {
            alert("Selected ");
        }
    });
});​  // added this

その後、正常に動作します

また、正しい JS ライブラリと CSS を追加したことを確認してください

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
于 2012-07-25T09:49:14.763 に答える