Bootstrap-3-Typeahead / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap-3-Typeahead

3 сообщений из 3, страница 1 из 1

Bootstrap-3-Typeahead

#39570693

yI211

Гость

Пробую использовать Typeahead ( https://github.com/bassjobsen/Bootstrap-3-Typeahead). Но документации мало, нет рабочих примеров: то что нашел в интернете относится к старым версиям Typeahead и не работает в «Bootstrap-3-Typeahead»: есть ли у кого-нибудь рабочий пример использования Bloodhound (suggestion engine) ?
Почему не работает такой фрагмент кода ?:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

var numbers = new Bloodhound({
	      datumTokenizer: Bloodhound.tokenizers.whitespace,
		  queryTokenizer: Bloodhound.tokenizers.whitespace,
	  local: [
	    { num: 'tone' },
	    { num: 'ttwo' },
	    { num: 'tthree' }]
	});
	numbers.initialize();
	$('#idTest').typeahead(null, {
	  displayKey: 'num',
	  source: numbers.ttAdapter()
	});

Но работает такой фрагмент:

Код: javascript

1.
2.
3.
4.
5.
6.
7.

var test = ['test1', 'test2','at1','at2','at3','at4'];   
  $('#idTest').typeahead({
   source: test,
   highlighter: function(item){ 
    return item
   }
  });

Html код такой:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

<!DOCTYPE html>
<html>
  <head>
    <script src="jquery-3.2.1.js"></script>
    <script src="Bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.css">    
    <script src="script.js"></script> 
    <script src="bootstrap3-typeahead.js"></script>  
  </head>
  <body>
    <input type="text" class="typeahead" data-provide="typeahead" id="idTest"> 
  </body>
</html>

...

Рейтинг:

0 / 0

16.12.2017, 14:25

| Ответить | Цитировать | Написать

Bootstrap-3-Typeahead

#39570992

yI211

Гость

Подключил bootstrap.js в другом порядке (как описано в документации) и частично все заработало, но что-то CSS библиотека не подключилась.

...

Рейтинг:

0 / 0

17.12.2017, 14:18

| Ответить | Цитировать | Написать

Bootstrap-3-Typeahead

#39570994

yI211

Гость

Вернее не bootstrap.js, а bootstrap3-typeahead.js

...

Рейтинг:

0 / 0

17.12.2017, 14:21

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap-3-Typeahead

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=32&tid=1444366]:	0ms
get settings:	9ms
get forum list:	12ms
check forum access:	4ms
check topic access:	4ms
track hit:	61ms
get topic data:	10ms
get forum data:	2ms
get page messages:	35ms
get tp. blocked users:	1ms
others:	15ms

total:	153ms