Twitter 推特与本地数据集同步_Twitter_Dataset_Local_Typeahead

Twitter 推特与本地数据集同步

twitter

Twitter 推特与本地数据集同步,twitter,dataset,local,typeahead,Twitter,Dataset,Local,Typeahead,我不明白为什么本教程示例不适用于我：我有外部js库： “” “” 以及此代码加载文档： <script type="text/javascript"> $(document).ready(function () { $('input.typeahead').typeahead({ name: 'cars', local: ['Audi', 'BMW', 'Bugatti', 'Ferrari', 'Ford', 'Lamborghini',

我不明白为什么本教程示例不适用于我：

我有外部js库：

“” “”

以及此代码加载文档：

<script type="text/javascript">
$(document).ready(function () {
    $('input.typeahead').typeahead({
        name: 'cars',
        local: ['Audi', 'BMW', 'Bugatti', 'Ferrari', 'Ford', 'Lamborghini', 'Mercedes Benz', 'Porsche', 'Rolls-Royce', 'Volkswagen']
    });
});
</script>


$（文档）.ready（函数（）{
$（'input.typeahead'）。typeahead({
名称：“汽车”，
本地：[“奥迪”、“宝马”、“布加迪”、“法拉利”、“福特”、“兰博基尼”、“奔驰”、“保时捷”、“劳斯莱斯”、“大众”]
});
});

我有css：

   <style type="text/css">
        .bs-example {
            font-family: sans-serif;
            position: relative;
            margin: 100px;
        }
        .typeahead, .tt-query, .tt-hint {
            border: 2px solid #CCCCCC;
            border-radius: 8px;
            font-size: 24px;
            height: 30px;
            line-height: 30px;
            outline: medium none;
            padding: 8px 12px;
            width: 396px;
        }
        .typeahead {
            background-color: #FFFFFF;
        }
        .typeahead:focus {
            border: 2px solid #0097CF;
        }
        .tt-query {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        }

        .tt-hint {
            color: #999999;
        }

        .tt-dropdown-menu {
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            margin-top: 12px;
            padding: 8px 0;
            width: 422px;
        }

        .tt-suggestion {
            font-size: 24px;
            line-height: 24px;
            padding: 3px 20px;
        }

            .tt-suggestion.tt-is-under-cursor {
                background-color: #0097CF;
                color: #FFFFFF;
            }

            .tt-suggestion p {
                margin: 0;
            }
    </style>


.bs示例{
字体系列：无衬线；
位置：相对位置；
利润率：100像素；
}
.typeahead、.tt查询、.tt提示{
边框：2个实心#中交；
边界半径：8px；
字体大小：24px；
高度：30px；
线高：30px；
大纲：中无；
填充：8px 12px；
宽度：396px；
}
.提前打印{
背景色：#FFFFFF；
}
.typeahead:聚焦{
边框：2px实心#0097CF；
}
.tt查询{
盒影：0 1px 1px rgba（0,0,0,0.075）插页；
}
.tt提示{
颜色：#999999；
}
.tt下拉菜单{
背景色：#FFFFFF；
边框：1px实心rgba（0,0,0,0.2）；
边界半径：8px；
盒影：0 5px 10px rgba（0,0,0,0.2）；
边缘顶部：12px；
填充：8px0；
宽度：422px；
}
.tt建议{
字体大小：24px；
线高：24px；
填充：3px20px；
}
.tt-suggestion.tt-is-under-cursor{
背景色：#0097CF；
颜色：#FFFFFF；
}
.tt建议p{
保证金：0；
}

和html代码：

<body>
    <div class="bs-example">
        <input type="text" class="typeahead tt-query" autocomplete="off" spellcheck="false">
    </div>
</body>

有人能帮我吗？

您面临什么错误/问题？typeahead插件根本不起作用！下拉菜单未显示，提示字符串未显示等。在我看来，上述代码仅适用于typeahead<0.9.3。如果您使用的是最新的typeahead，您应该使用侦探犬，或者您应该使用这里的第一个示例，谢谢！是的，原因是新的typeahead与早期版本不同。