jquery - 是否可以将 Ninja UI 自动完成附加到现有的输入元素？

Question

我想尝试Ninja UI附带的自动完成功能，而不是Jquery UI附带的自动完成功能，但无法从单独的示例中解决如何将其附加到现有输入元素，例如

$.ninja.autocomplete(attachMeTo = $("#existing_input"), 其他选项);

Ninja UI 中是否存在此功能，如果存在，语法是什么？

Answer 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发现了这一点