Bir ajax çağrısı açılan doldurmak için yapacak twitter bootstrap typeahead eleman Çalışma bir örnek bulmaya çalışıyorum.

Ajax url tanımlayan ve cevap işlemi nasıl örnek otomatik tamamlama mevcut bir çalışma bir WordPress kullanmak zorundayım

<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];
                }
            );
       ..

Ben önerileri örnek dönüştürmek, değiştirmek gerekir?

<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)
                {
                    window.location = "./runner/index/id/" data[1];
                }
            );
       ..

'Add remote sources support for typeahead' çözülmesi gereken sorun için bekleyeceğim

Edit: önerileri artık Bootstrap 3 paket halinde gelir. Check out:

• Where is the typeahead javascript module in bootstrap 3 RC 1?
• typeahead.js

Bootstrap 2.1.0 2.3.2, size bağlı olarak yapabileceği bu

$('.typeahead').typeahead({
    source: function (query, process) {
        return $.get('/typeahead', { query: query }, function (data) {
            return process(data.options);
        });
    }
});

JSON veri tüketmek gibi:

{
    "options": [
        "Option 1",
        "Option 2",
        "Option 3",
        "Option 4",
        "Option 5"
    ]
}

JSON verileri JSON olarak tanıdığı bir WordPress kullanmak çok doğru mıme türü (application/json) olması gerektiğini unutmayın.