0

jquery uiの機能を初めて使用しようとしていますが、autocomplete正しく機能しません。

javascriptコード：

$("#search_input").autocomplete({
  source: function(request, response) {
    $.getJSON( "do.php", { OP: "news_search", category: cat_id, get: request }, function(result){
      /*response($.map(result, function(item) {
        return item.NAME;
      }));*/
      response(result);
      console.log(result);
    })
  },
  minLength: 2
});

データを返しますが、表示されません：http: //i46.tinypic.com/1z85c0.png

私はそれが機能するかどうかを確認するためにいくつかのcssを追加しようとしました：

.ui-autocomplete{
    position: absolute;
    z-index: 1000;
    border: 1px solid red;
}
4

2 に答える 2

2

JSON はand ではなく andlabelパラメータvalueを返す必要があります。idheadline

label プロパティと value プロパティを持つオブジェクトの配列:
[ { label: "Choice1", value: "value1" }, ... ]

http://jqueryui.com/demos/autocomplete/

于 2012-05-21T11:17:34.280 に答える
0

私はこの記事を読むことになりました：http：//net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/

これが私がそれを使用する方法であり、それは機能します：

$("#search_input").autocomplete({
    source: function(request, add) {
        $.getJSON("do.php", { OP: "news_search", category: cat_id, get: request }, function(results){

          consoloe.log(results)
          var suggestions = [];

          $.each(results, function(i, val){
            suggestions.push(val.headline)
          });

          add(suggestions);

        });
    },
    minLength: 2
});
于 2012-05-21T15:19:03.347 に答える