0

Jquery UIに付属するオートコンプリートではなく、Ninja UIに付属するオートコンプリートを試してみたかったのですが、既存の入力要素にアタッチする方法を単独の例から理解できませんでした。 

$.ninja.autocomplete(attachMeTo = $("#existing_input"), その他のオプション);

この機能は Ninja UI に存在しますか?存在する場合、構文は何ですか?

4

1 に答える 1

1

あなたが何を得ているかわかりましたが、少し混乱しているようです。しかし、これを見つけました：

それを配置する要素を作成します。

<p id="autocompleteSamples"></p>

例とオプションの選択などに従ってスクリプトをデプロイします。

$autocompleteSample = $.ninja.autocomplete({
  placeholder: 'United States Cities'
}).values(function (event) {
  $.ajax({
    url: 'http://ws.geonames.org/searchJSON',
    dataType: 'jsonp',
    data: {
      country: 'US',
      featureClass: 'P',
      fuzzy: 0,
      maxRows: 10,
      q: event.query
    },
    success: function (data) {
      $autocompleteSample.list({
        values: $.map(data.geonames, function (item) {
          return {
            html: item.name + ', ' + item.adminName1,
            value: item.name + ', ' + item.adminCode1
          };
        }),
        query: event.query
      });
    },
    error: function (request, status, message) {
      $.error(message);
    }
  });
}),

新しく作成した NinjaUI オートコンプリートを、以前に作成した要素に追加します

$(document).ready(function () {
   $('#autocompleteSamples').append($autocompleteSample);
});

scripts.js ファイルhttp://ninjaui.com/script.jsを掘り下げてこれを見つけました

于 2012-09-21T04:01:34.423 に答える