Question

请帮我解决Bootstrap typeahead的错误。

这是我用来调用源码的PHP代码。

    function getUser() {

    $sth = mysql_query("SELECT id,contact FROM cinfo ORDER BY id ASC");
    $rows = array();
    while ($r = mysql_fetch_assoc($sth)) {
        $rows[] = $r;
    }
    print json_encode($rows);
}

这是我的javascript文件

更新2 JS

        $('.user').typeahead({
    source : function(typeahead, query) {
        return $.post('/ticket/getUser', {
            query : query,
        }, function(data) {
            return typeahead.process(data);
        })
    },
    property : 'contact'
});

我现在收到以下错误https://gist.github.com/1866577#gistcomment-263183

我使用以下bootstrap typeahead脚本https://gist.github.com/1866577

谢谢。

Answer 1

您希望显示contact而非cinfo，因为cinfo是表名

$('.user').typeahead({
 source: '/ticket/getUser',
display:'contact',
id: 'id'
});

更新：

看起来您想要使用'property'选项：

$('.user').typeahead({
 source: '/ticket/getUser',
property:'contact'
});

UPDATE2：

我认为您需要先处理返回数据。试试这个：

$('.user').typeahead({
    source: function (typeahead, query) 
    {
        return $.post('/ticket/getUser', { query: query }, function (data) 
        {
            return typeahead.process(data);
        });
    },
    property:'contact'
});

Answer 2

冒着嘟嘟嘟嘟声的风险，如果你无法让Gist工作，你可以尝试我的完整类型扩展，它具有你正在寻找的功能，并且支持文档和演示。

https://github.com/tcrosen/twitter-bootstrap-typeahead

Bootstrap预先输出错误

2 个答案: