คำถามติดแท็ก typeahead.js

ฉันกำลังพยายามหาตัวอย่างการทำงานขององค์ประกอบตัวพิมพ์twitter bootstrapที่จะทำการโทร ajax เพื่อเติมลงมัน ฉันมีตัวอย่างการเติมข้อความอัตโนมัติ jQuery ที่ใช้งานอยู่ซึ่งกำหนด ajax url เป็นและวิธีการตอบกลับ <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. ฉันต้องเปลี่ยนอะไรเพื่อแปลงสิ่งนี้เป็นตัวอย่างของหัวพิมพ์? <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { source:'/index/runnerfilter/format/html', items:5 }; $("#runnerquery").typeahead(options).result( function(event, data, formatted) …

280 jquery  twitter-bootstrap  jquery-autocomplete  jquery-ui-autocomplete  typeahead.js 

ฉันใช้ประเภท twitter ของ twitter 0.9.3และดูเหมือนว่าคำแนะนำของฉันจะไม่ได้รับการออกแบบเลย ฉันได้รับสิ่งนี้: แทนที่จะเป็นสิ่งนี้: (นำมาจากหน้าตัวอย่าง ) JavaScript เปิดใช้งานหัวพิมพ์: $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); องค์ประกอบอินพุต HTML: <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> หมายเหตุเพิ่มเติม: เว็บไซต์ที่ฉันใช้งานมี jQuery 1.10.1 และไม่ใช้ twitter bootstrap มี CSS จำนวนมากที่ฉันไม่ได้เขียนและไม่คุ้นเคยกับสิ่งที่ฉันกลัวว่าจะรบกวน แต่ดูเหมือนว่าปลั๊กอินจะเพิ่มสไตล์ของตัวเอง (ไม่มีไฟล์. css ประกอบ) ดังนั้นจึงไม่ควรที่จะแทนที่สิ่งต่าง ๆ ? ฉันสับสนว่าทำไมสไตล์ของฉันจึงใช้งานได้ แต่สิ่งที่เพิ่มโดยปลั๊กอินไม่ได้ทำให้เกิดข้อเสนอแนะที่มีพื้นหลังโปร่งใสไม่มีเส้นขอบ ฯลฯ

182 javascript  css  typeahead.js