Bootstrap 3 RC 1의 자동 완성 JavaScript 모듈은 어디에 있습니까?
아시다시피 Bootstrap RC 1이 여기에 있으며이 새로운 프레임 워크의 모든 새롭고 멋진 기능에 대해 읽었습니다. 그러나 typehead는 문서에서 벗어났습니다. 이것이 어떤 이유인지 아는 사람이 있습니까?
인터넷 검색 중에 이러한 예제 를 찾았 으며이 게시물 에서 typehead Bootstrap을 변경했다고 읽었 습니다 . 그렇다면 수동으로 추가해야합니까, 아니면 Bootstrap 3 번들에도 포함되어 있습니까?
누구든지 이것에 대해 알고 있습니까?
Twitter의 우수한 typeahead.js 를 위해 더 이상 사용되지 않는다고 생각 합니다. 그들의 문서에는 도움이 될 부트 스트랩 통합 섹션 이 있습니다.
편집 : Twitter는 통합 지침을 제거했습니다. 이것이 Bootstrap 3.0 호환 릴리스 이전에 일시적인지 또는 제대로 사라 졌는지 확실하지 않지만 @drye는 http://www.aureliomerenda.com/install-typeahead-bootstrap-3- 에서 유용한 대체 항목으로 연결됩니다 . fix-css-overlay-width-100 / .
이제 최종 부트 스트랩 3.0.0이 릴리스되었으므로 자동 완성 기능이 공식적으로 제거되었습니다. 그러나 Twitter의 Typeahead ( https://github.com/twitter/typeahead.js )를 대신 사용할 수 있습니다.
Bootstrap 3 Typeahead 예 : http://bootply.com/86571
ceejayoz가 이미 언급했듯이 부트 스트랩과 통합하려면 typeahead.js + 추가 CSS가 필요합니다.
이것은 Bootstrap 2를 위해 만들어졌습니다.
Bootstrap 3에서 작동하려면 .tt-hint클래스 를 변경해야 합니다. 나는 그것이 display: none;매우 끔찍하게 겹쳐 졌기 때문에 그것을 변경했습니다 .
또한 입력이 올바르게 재정의되지 않기 때문에 (입력에 대한) Button 애드온이 제대로 작동하지 않는다는 것을 알았습니다.
나는 적응을 찾았다 [2014 년 5 월];)
내가 한 것처럼 Google에서 여기에 온 다른 사람들을 위해 여전히 올바른 답을 찾고 있습니다 : https://github.com/bassjobsen/Bootstrap-3-Typeahead
나처럼 녹아웃 3으로 작업해야하는 경우 천재 Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) 의 코드를 최소한으로 조정하여 다시 작동하도록했습니다.
<input type="text" data-bind="value: value, typeahead: {source: your_array}" />
예, 자동 완성 기능은 Bootstrap 3에서 더 이상 사용되지 않습니다.
그러나 typeahead.js는 부트 스트랩 3에 대해 준비되지 않았습니다.
작동하는 해결책은 CSS 문제를 해결하는 추가 CSS를 추가하는 것입니다 : https://github.com/jharding/typeahead.js-bootstrap.css
'program story' 카테고리의 다른 글
| 제네릭 클래스의 정적 멤버가 특정 인스턴스에 연결되어 있습니까? (0) | 2020.10.17 |
|---|---|
| 좋은 무료 소형 Python 웹 호스트가 있습니까? (0) | 2020.10.17 |
| Pylint 유효하지 않은 상수 이름 (0) | 2020.10.17 |
| 이미 구성된 객체에 대한 std :: move 대 emplace_back ()을 사용한 C ++ 11 push_back ()의 효율성 (0) | 2020.10.17 |
| ajax를 통해 제출할 때 왜 양식 태그를 사용합니까? (0) | 2020.10.17 |