Проблема с автозаполнением кода - PullRequest
Новая
       3

Проблема с автозаполнением кода

0 голосов
/ 28 июня 2011

Я использую плагин автозаполнения пользовательского интерфейса, и все в порядке, за исключением того факта, что код вставляется в «тело», и мне нужно, чтобы он находился под другим классом.

snip тупой редактор.

Я использую базовый плагин автозаполнения jquery ui http://jqueryui.com/demos/autocomplete/, но он вставляет код внизу тела.

Есть идеи?

Спасибо

1 Ответ

0 голосов
/ 28 июня 2011

Трудно сказать, что вы спрашиваете.Вы строите автозаполнение jQuery UI вокруг текстового поля: 

<input id="project" />

Вы можете разместить свой тег, где вы хотите, в основном.и затем вам нужно создать автозаполнение с помощью jQuery: 

$("#project").autocomplete();

Я подготовил для вас скрипку .

Или вы можете запустить это: 

var projects = [{
  value: "jquery",
  label: "jQuery",
  desc: "the write less, do more, JavaScript library",
  icon: "jquery_32x32.png"
}, {
  value: "jquery-ui",
  label: "jQuery UI",
  desc: "the official user interface library for jQuery",
  icon: "jqueryui_32x32.png"
}, {
  value: "sizzlejs",
  label: "Sizzle JS",
  desc: "a pure-JavaScript CSS selector engine",
  icon: "sizzlejs_32x32.png"
}];

$("#project").autocomplete({
  minLength: 0,
  source: projects,
  focus: function(event, ui) {
    $("#project").val(ui.item.label);
    return false;
  },
  select: function(event, ui) {
    alert(ui.item.desc);

    return false;
  }
}).data("autocomplete")._renderItem = function(ul, item) {
  return $("<li></li>").data("item.autocomplete", item).append("<a>" + item.label + "<br>" + item.desc + "</a>").appendTo(ul);
};
#myDiv {
  margin-top: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

<div id="myDiv">
  <label for="project">projects (j to see results):</label>
  <input id="project" />
</div>
...