부트 스트랩 Typehead를 작동 시키려면

typeahead에 대한 많은 게시물은 플러그인을 사용합니다. 2.1.0 Bootstrap이 typeahead에 대한 ajax 호출을 지원했기 때문에.부트 스트랩 Typehead를 작동 시키려면

필자가 필요로하는 것은 작동하지 않을 것입니다. 제안 된 단어를 아약스 전화로 클릭하면, 리다이렉트가 발생합니다.

예를 들어 "lif"을 입력하면 다른 페이지로 "lif"(REST)를 쿼리하고 옵션을 반환합니다 (life => http://life.com, lifealone => http://lifealone.net). , etc.), 생활 또는 lifealone를 클릭하면 그 존경과 연결됩니다.

jqueryui 자동 완성을 사용할 수는 있지만 부트 스트랩의 기본 JS/CSS를 유지하는 것이 좋습니다. 이것은 가능한가? 워드 프로세서

출처

2012-12-10 Sol Orwell

저는 꽤 다른 성공을 거둔 다른 라이브러리를 사용하고 있습니다. 또한 리디렉션을 위해 : https://github.com/pwarelis/Ajax-Typeahead – Luceos

그래, 꽤 많이 보았다 - 직접 플러그인을 사용. 나는 여전히 포함 된 타입 어 헤드와 함께 네이티브 적으로 작동하도록하고 싶습니다. –

수동으로 선행 입력 호출 : 당신은 옵션을 전달할 수 있습니다

$('.typeahead').typeahead();

. 찾고있는 대상은 출처입니다.

$('.typeahead'.typeahead({ 
    source: function(query/*text input value*/,callback/*used for asynchronous update*/) { 
    $.get('yourdata.file?q=' + query, function (data) { 
     callback(data); 
    }); 
} 
});

그런 다음 선택 이벤트에 이벤트 처리기를 연결해야합니다. 이것은 기본적으로 bootstrap.typeahead로 처리되지 않지만이 기능을 추가 한 포크가 있습니다.

https://gist.github.com/1891669

출처

2012-12-10 17:16:11 bluetoft

아, 기본적으로 수행 할 수 없습니다. 바하마 :( –

부트 스트랩 Typehead를 작동 시키려면

답변

관련 문제