5

プロジェクトで jquery のオートコンプリート機能を使用しようとしています。しかし、なぜそれが呼び出されないのかわかりません。

以下のようにjspファイルを配置しました..

<input id="productName" name="productName" type="text" placeholder=""/>

そして私のjsファイルに..私は書いた..

$("#productName").autocomplete({
        /*source: '${pageContext. request. contextPath}/search'*/
        source: function( request, response ) {
            alert('asdfasdfasdfasdfadsf');
            $.ajax({
                url: "/../search",
                data: "q="+request.term,
                dataType: "json",
                success: function( data ) {
                    response( $.map( data.values, function( item ) {
                        return {
                            label: item.label,
                            value: item.value
                        }
                    }));
                }
            });
        },
        minLength: 2,
        select: function( event, ui ) {
        },
        open: function() {
            //$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            //$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
    });

fire-bug で示したように、以下の js がロードされていることがわかります..このページで...

bootstrap.min.js
jquery-ui.js
jquery-v2.0.3.js
jquery.autocomplete.js
jquery.big-slide.js
jquery.big-slide.js
jquery.big-slider.min.js
jquery.validate.js
product.js - this contains above js code..

コンソールにエラーはありません...ページの読み込み中..

何が問題なのかわかりません..私は本当にこれにこだわっています..フレームワークとして、ブロードリーフをSpring-MVCとして使用しています..

前もって感謝します

4

1 に答える 1

8

jQuery最初jQuery UIにロードしてからロードする必要がありBootstrap JSます。正しい順序は次のとおりです。

jquery-v2.0.3.js
jquery-ui.js
bootstrap.min.js

それ以外の：

bootstrap.min.js
jquery-ui.js
jquery-v2.0.3.js

編集：

将来の訪問者にとって、その理由は実際には と の間の競合のためでjquery-ui.jsありjquery.autocomplete.js、jquery-ui.jsには既にオートコンプリート機能が含まれています。

したがって、機能させるには削除するだけですjquery.autocomplete.js。

于 2014-03-07T18:34:48.317 に答える