2015-01-22 4 views
0

У меня возникли проблемы с получением typeahead, работающего в Bootstrap, и я переварил проблему до этого короткого примера. (Я новичок в Bootstrap.) Когда я ввожу входные данные, никаких подсказок типа headhead не появляются. Любые идеи, почему это не работает?Twitter-Bootstrap typeahead не работает

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
     <div class="container"> 
      <label for="primaryCustName">Name:</label> 
      <input type="text" data-provide="typeahead" data-source="['Bob','Jim','Sue']" class="form-control" id="primaryCustName"> 
     </div> 
    </body> 
</html> 
+0

машинописный не является дополнением к начальной загрузки, показать сценарий, что-то должно быть неправильно там –

+0

Это не выглядит, как вы в том числе в машинописный файл расслоение плотной? Он не включен в Bootstrap. – joshhunt

+0

@joshhunt, Хмм, эта страница говорит, что она включена. http://getbootstrap.com/2.3.2/javascript.html#typeahead. Вверху сказано, что оно находится в файлах .js. –

ответ

1

Функция typeahead была удалена из Bootstrap в v3. Согласно @mdo, он был сброшен «в пользу людей, использующих тип Twitter». Тип «headhead» имеет больше возможностей, чем старый bootstrap-typeahead.js и меньше ошибок ».

Ваши два варианта из здесь:

  1. Используйте порт бутстраповского v2 машинописный, вы можете найти один here.

  2. Используйте Twitter Typeahead, который находится here.

Смежные вопросы