Rails +引导标签输入+提前输入
Rails +引导标签输入+提前输入
提问于 2017-12-11 13:11:37
我试图在rails的小项目上设置这个特性：http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
但我不知道我做错了什么。我把jquery、引导标签输入和typeahead.bundle文件放到我的app/assets/javascript中，但是我仍然无法让它工作。
在我的表格中，我补充道：
<input type="text" data-role="tagsinput" />
<%= javascript_tag do %>
$('input').tagsinput({
typeahead: {
source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
}
});
<% end %>和一个citynames.json到我的应用程序/资产文件夹，以及添加了
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">虽然标签本身可以输入，但我不能提前输入，也不能添加freeInput: false选项并使其正常工作。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-12-11 14:12:16
- 下载最新引导标记输入
- 把
bootstrap-tagsinput.css从/src转到/assets/stylesheets/。 - 如果使用scss，请将
bootstrap-tagsinput.css重命名为bootstrap-tagsinput.scss。 - 在applications.scss
@import 'bootstrap-tagsinput'或require中 - 从
bootstrap-tagsinput.js中获取/src并发送到/assets/javascript/ - 在
assets/javascript/application.js中需要js=//require bootstrap-tagsinput
prefetch: {
url: 'assets/citynames.json',
filter: function(list) {
return $.map(list, function(cityname) {
return { name: cityname }; });
}
}url: 'assets/citynames.json' -这是行不通的。您可以从控制器提供citinames，或者将该文件公开，然后您可以从公用文件夹root_url/folder/citinames.json.获得这个json。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47753753
复制相关文章
相似问题
腾讯云开发者
