文章/答案/技术大牛

发布

问JSP中的Typeahead
EN

Stack Overflow用户

提问于 2017-03-08 11:01:22

回答 1查看 405关注 0票数 1

当在我的JSP中使用typeahead时，它不被识别。我已经尝试了不同的方法来导入文件，包括离线和在线。

<script src=js/typeahead.jquery.js></script>

           or 

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js">

我的代码@Html

<div class="form-group">
   <input class="typeahead" id="input-address" type="text" placeholder="Your Address">
</div>

我的代码@JavaScript

<script type="text/javascript">

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

尽管它是按照推荐的方式完成的，但我没有得到typeahead的结果。

我等着，谢谢！

javascript

twitter-bootstrap

jsp

twitter-bootstrap-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-08 12:45:28

这是一个最小的工作示例。你需要加载Boostrap和jQuery。您可以按类或ID选择输入元素。

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<input id="input-address" type="text" placeholder="Your Address">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"/></script>
<script>
var $input = $("#input-address");
$input.typeahead({source: ['Washington', 'Sydney', 'Amsterdam', 'Beijing', 'Cairo']});
</script>
</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42662171

复制

相似问题

问JSP中的Typeahead
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSP中的TypeaheadEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSP中的Typeahead
EN