twitter tyepahead CSS渲染问题[重复]

Question

我正在使用带有 Bloodhound 的 twitter 引导程序。我得到的结果和自动完成工作正常，但我缺少 CSS。你能帮我解决这个问题吗？ 这是我的问题的屏幕打印： http://postimg.org/image/txpucyhyr/ 我尽力了，但我对 MVC 和 Jquery 技术不熟悉。 我在用 ASP.NET MVC 5.2.2 引导程序 v3.3.4 typeahead.js 0.10.5

我的 BundleConfig 和 JS 脚本：http://postimg.org/image/bjfb8z5o3/

这是我的 HTML 代码：

        <div id="divCause" class="form-group">
        @Html.LabelFor(model => model.CauseNumber, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            <input type="text" id="CauseNumber" name="CauseNumber" class="typeahead" data-provide="typeahead" placeholder="Cause Number" autocomplete="off" />
        </div>
    </div>

customJQuery.cs

    var csNumbers = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('Value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    //,prefetch: '/path/to/prefetch',
    remote: './GetData?term=%QUERY' // you can use this for ajax call
});

csNumbers.initialize();

$('#CauseNumber.typeahead').typeahead(null,
{
    name: 'label',
    displayKey: 'label',
    source: csNumbers.ttAdapter()
    //remote: 'Search/GetData?term=%QUERY'
});

控制器

        public JsonResult GetData(string term)
    {
        var model = objUtil.getCauseNumbers(term).Select(r => new { label = r.CauseNumber });
        return Json(model, JsonRequestBehavior.AllowGet);
    }

Answer 1

我从以下帖子中得到了我的问题的答案：https://stackoverflow.com/a/26934329/4755915 Dhiraj 帮助我找到了解决方案。