Twitter bootstrap 引导类型前进不工作 $（文档）.ready（函数（）{ $（'input'）。请提前键入({ 名称：'帐户'，本地：[//这里是我的数据 }); }); 搜索服务搜寻_Twitter Bootstrap_Bootstrap Typeahead

Twitter bootstrap 引导类型前进不工作 $（文档）.ready（函数（）{ $（'input'）。请提前键入({ 名称：'帐户'，本地：[//这里是我的数据 }); }); 搜索服务搜寻

twitter-bootstrap

Twitter bootstrap 引导类型前进不工作 $（文档）.ready（函数（）{ $（'input'）。请提前键入({ 名称：'帐户'，本地：[//这里是我的数据 }); }); 搜索服务搜寻,twitter-bootstrap,bootstrap-typeahead,Twitter Bootstrap,Bootstrap Typeahead,这是我的简单示例代码。我为脚本加载添加了bootstrap.min.js和typeahead.js。它们都已在浏览器中正确加载。但是前面的引导类型不起作用。您可能已经找到了一个解决方案，但我的建议是使用这个。它更易于使用和理解。使用该插件，我的环境中实现了以下功能： HTML： <script type="text/javascript"> $(document).ready(function(){ $('input').typeahead({

这是我的简单示例代码。我为脚本加载添加了bootstrap.min.js和typeahead.js。它们都已在浏览器中正确加载。但是前面的引导类型不起作用。

您可能已经找到了一个解决方案，但我的建议是使用这个。它更易于使用和理解。使用该插件，我的环境中实现了以下功能：

HTML：

    <script type="text/javascript">
$(document).ready(function(){
        $('input').typeahead({
            name: 'accounts',
            local: []//here my data

        });
    });  
</script>



<title>Search Service</title>
</head>
<body style="background-color: black; color: white;">

    <div class="container">
        <div class="col-lg-12" style="height: 100px;">&nbsp;</div>

        <div class="col-lg-12">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <section class="webdesigntuts-workshop">
                    <form action="" method="">          
                        <input type="search" placeholder="Search...">
                        <input type="text" id="service" placeholder="Services" autocomplete="off">              
                        <button>Search</button>
                    </form>
                </section>      
            </div>
            <div class="col-lg-2"></div>
        </div>
    </div>


</body>
</html>

希望这有帮助。

您使用的是什么版本的引导？您使用的是什么版本的Typeahead？

<input type="search" placeholder="Search..." data-provide="typeahead" />
<input type="text" id="service" placeholder="Services" autocomplete="off" data-provide="typeahead" />

$(document).ready(function(){
    $("input").typeahead({
        source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
        , minLength: 2
    });
});