1回答
我正在使用tagsinput引导库，并将tagsinput值存储到变量oldListValues中。在我执行这个方法之后
$('#tagsinput').tagsinput( 'removeAll' );
oldListValues变量变为空。
在执行此tagsinput方法后，是否有任何方法将值保存在变量中，而不是克隆该元素，然后使用克隆元素中的值？
这是我正在使用的代码的一部分：
if ( $('#tagsinput').tagsinput('items').length > 0 ) {
$('#mod
浏览 4提问于2017-02-16得票数 1
回答已采纳
1回答
在Meteor包中使用npm模块
、、、、
如果我在主Meteor应用程序中安装npm模块bootstrap4-tagsinput-douglasanpa，我可以通过导入它的文件来使用它 import '../node_modules/bootstrap4-tagsinput-douglasanpa/tagsinput.js';
import '../node_modules/bootstrap4-tagsinput-douglasanpa/tagsinput.css'; 但是如果我在Meteor包中使用这个npm模块， Npm.depends({
"bootstrap4-tagsinput
浏览 11提问于2019-06-06得票数 1
回答已采纳
我把这个虫子纠缠了很长时间。StyleSheet在Bootstrap3 TagsInput中丢失(在我的网站上)
这是我的网站：
和我的代码是：
$('#TagForm').tagsinput('input').typeahead({ prefetch: '/api/tag/list' }).bind('typeahead:selected', $.proxy(function (obj, datum) { this.tagsinput('add'
浏览 2提问于2014-07-01得票数 0
回答已采纳
在我的meteor项目中，我使用了bootstrap-tagsinput插件：
我在'typeahead‘模式下使用它，因此它需要初始化，如下所示：
<input type="text" value="Amsterdam,Washington" data-role="tagsinput" />
<script>
$('input').tagsinput({
typeahead: {
source: function(query) {
return $.getJSON(
浏览 7提问于2014-01-13得票数 2
1回答
使用Edistrap，一旦选择了“标记”类型，它就会抛出错误，上面写着"uncaught type error，tagsInput.tagsinput不是一个函数“。追踪代码：
var tagsInput = html.find("input");
tagsInput.tagsinput({
tagClass : function(item) {
return 'label label-info';
}
浏览 1提问于2018-06-04得票数 0
回答已采纳
2回答
我一定遗漏了一些简单的东西，但我看不出来。我正在使用Bootstrap tagsinput插件，并尝试遵循这里的一些示例：
下面是我的代码：
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/b
浏览 1提问于2016-05-14得票数 2
回答已采纳
1回答
引导标记输入无法加载
、、、、
我有一个Django应用程序，它使用jquery在input field中加载标记，如代码所示。在运行代码时，我注意到应用程序无法定位bootstrap-tagsinput.css和bootstrap-tagsinput.js。我应该把这些文件放在哪里以便被检测到。
误差
[28/Feb/2018 12:14:23] "GET /scripts/bootstrap-tagsinput.css HTTP/1.1" 404 2191
Not Found: /scripts/bootstrap-tagsinput.js
[28/Feb/2018 12:14:23] "GET
浏览 0提问于2018-02-28得票数 0
回答已采纳
我使用以下引导型head字符：在创建句子时，插件工作得很好，但我想将分隔符字符(目前是逗号)更改为另一个特殊字符e.f；或者$或# from，如何实现？下面是我的代码：
var x = jQuery.noConflict();
x(document).ready(function () {
x(".inputs").tagsinput('items');
x(".activities").tagsinput('items');
x(".outputs").
浏览 4提问于2016-08-25得票数 1
回答已采纳
1回答
我正在尝试创建一个rails项目，作为该项目的一部分，我使用 jQuery插件来管理标记输入。然而，标记字段在第一次刷新时起作用，但在任何页面加载之后都不能工作，我很确定这是一个与turbolinks不运行js有关的问题。
因此，我安装了 gem，并更改了：
$(function() {
$("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput();
});
})(window.jQuery);
至：
$(document).ready(function(
浏览 3提问于2016-09-13得票数 0
回答已采纳
我试图在我的角项目中安装，但没有成功。
以下是我所做的步骤：
用npm i bulma-tagsinput安装软件包
在我的bulma-tagsinput.min.js中声明angular.json
"scripts": ["./node_modules/bulma-tagsinput/dist/js/bulma-tagsinput.min.js"]
在我的main.ts中，导入扩展并运行附加命令
import * as bulmaTagsinput from 'bulma-tagsinput';
bulmaTags
浏览 2提问于2019-05-06得票数 0
回答已采纳
1回答
我正在尝试获得标签输入和提前输入我的Drupal 7网站，其中有启动3主题。我从下载了引导-tagsinput.css和引导-tagsinput.js。我还从下载了bootstrap3-typeahead.‘ve。现在，我尝试使用的代码如下所示：
<link rel="stylesheet" href="/sites/all/libraries/bootstrap-tagsinput/bootstrap-tagsinput.css">
<script src="/sites/all/libraries/bootstrap-tagsinp
浏览 1提问于2018-08-14得票数 1
回答已采纳
我正在使用bootstrap-tagsinput。这是它应该工作的。 但是，当页面加载时，我希望bootstrap-tagsinput字段是只读的(即锁定的，不能输入文本)。 我已经编写了一些代码，允许在选中/取消选中布尔值复选框时锁定/解锁bootstrap-tagsinput字段。 这段代码工作正常。这就是它： <script type="text/javascript">
$(document).ready(function() {
// lock the tags input field.
$("#id_bo
浏览 35提问于2019-01-07得票数 1
回答已采纳
2回答
我能看到一个很好的控制
但在此基础上，我尝试了下面的代码，但没有用，有人能帮我吗？
<script type="text/javascript" src="jquery-1.10.2.min.js" ></script>
<script src="http://timschlechter.github.io/bootstrap-tagsinput/examples/bower_components/angular/angular.min.js"></script>
<script src=
浏览 5提问于2013-10-28得票数 1
回答已采纳
1回答
我有一个带有bootstrap tagsinput的输入域，问题是当标签被激活时，我没有标签的框。 例如，我有这样的例子： ? 我想要这样的东西： ? 显示了通过创建一个小盒子激活了标记python和java。 我在我的示例中使用了这种风格： <style>
.bootstrap-tagsinput {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
display: inline-block;
浏览 57提问于2019-08-28得票数 2
回答已采纳
我已经创建了一个标签输入香草JS插件。当我第一次启动它的时候，它很好用。但当我重新启动另一个输入标签时。它抛出这个错误：Uncaught TypeError: tagsInput is not a constructor。
我现在已经从插件中删除了额外的代码。
插件：
(function () {
var tagsInput = function (opts) {
this.arr = [];
this.input = document.createElement("
浏览 0提问于2019-06-22得票数 1
回答已采纳
如何在<input>中使用tagsinput库删除jQuery标签中的边框？
我的问题如下：
我的参考：
一些我试过但没有解决的问题：
.bootstrap-tagsinput:focus { outline: none !important; }
input:focus, textarea:focus, select:focus { outline: none; }
代码：
<div class="form-group row">
<div class="col-lg-4 col-sm-4">
浏览 3提问于2020-11-26得票数 0
0回答
我正在尝试在我的react应用程序中使用第三方插件，比如bootstrap-tagsinout和noUiSlider。我已经通过npm将这些库安装到我的package.json中。目前，我正在初始化componentDidMount方法中的插件。我就是这么做的
componentDidMount = () => {
$(document).ready(function() {
// Apply the plugin to the element
$("#ionSlider-newTag").ionRange
浏览 14提问于2017-06-02得票数 0
我看过这个问题，但这个解决方案对我不起作用：
我发现，为了让输入框识别我输入的标签，我要么让data-role = tagsinput，要么调用$(" input ").tagsinput()。
例如：这适用于识别没有数据角色的标签：
$('#meeting-tags').tagsinput();
$('#meeting-tags').tagsinput({
allowDuplicates: false,
itemValue: 'id', // this will be used to set id of tag
浏览 7提问于2015-08-11得票数 11
1回答
编辑：只有在回调中不使用tagsinput()时才能调用tagsinput()
这仍然是一个问题，因为我需要在回调中调用tagsinput()。
原始
我还没有找到解决我的问题的答案：
我正在尝试使用这个库：
我的HTML文件包括：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/a
浏览 3提问于2020-08-06得票数 0
1回答
在Product页面中，我试图选择(预输入)旧数据，并且它工作得很好。但我不能添加新标签。当我输入输入后按回车或空格键时，标签不会被填充。但现有的标签删除是可能的。请帮帮我
<div class="col-md-6 tags">
<div class="form-group">
<label class="lbl" for="">Tags</label>
<input class="form-contro
浏览 4提问于2022-03-24得票数 2
回答已采纳
1回答
我正在尝试为一个表单实现一个tagsinput + typeahead字段，其中的源是一个存储在javascript绑定中的对象数组。我希望在表单中存储的值是id，但是我希望通过来自对象的另一个属性向用户显示一个自定义的HTML复合，就像这样：http://twitter.github.io/typeahead.js/ 当我处理一个简单的数组时，我可以成功地实现这个tagsinput + typeahead字段输入，但它不能处理对象数组。 下面是对象数组和字符串数组示例。尝试遵循这些示例：http://twitter.github.io/typeahead.js/examples/ //
浏览 39提问于2021-09-03得票数 0
背景和工具
我在Rails中使用。
我将插件存储为vendor/assets/javascripts/bootstrap-tagsinput.js，并将样式表存储为vendor/assets/stylesheets/bootstrap-tagsinput.css。
我正在一个数字图书馆Rails应用程序中标记我所有的书籍。
问题
如果我直接导航到Book#new或Book#edit，则标记可以按照项目演示页面的预期工作。
但是，如果我通过单击另一个页面的链接导航到Books#edit或Books#new页面，那么我的文本输入将被格式化为一个典型的html文本输入，并显示逗号分隔的字符串scie
浏览 2提问于2014-10-31得票数 1
回答已采纳
<html>
<head></head>
<body>
<input type="text" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="tagsinput">
<script src="{{ asset('js/app.js') }}" defer></script>
<script src="/bower_components/adm
浏览 33提问于2020-04-23得票数 0
我不知道为什么我不能让这个模块工作，标签输入工作得很好。但出于某种原因，typeadead就是不能。我正在使用推特typeahead：
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" hr
浏览 5提问于2015-04-28得票数 0
1回答
我正在使用引导输入标签，自动完成，，.i，试图插件，但不工作。这是我的密码
<script src="dist/bootstrap-tagsinput.js"></script>
<link rel="stylesheet" href="dist/bootstrap-tagsinput.css">
<title>Untitled Document</title>
<body>
<input type="text" />
<script>
浏览 4提问于2017-03-09得票数 0
1回答
我正在尝试使用不带Typeahead的。我已经包含了以下文件：
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="../../tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" type="text/css">
<script src="../../tagsin
浏览 2提问于2016-07-21得票数 11
回答已采纳
1回答
我试着用
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.css" />
<script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"></script>
<input type="text" name="modalites"
浏览 4提问于2016-01-15得票数 1
回答已采纳
我创建了一个名为TagsInput的自定义组件，并将其添加到表单中。我的问题是，在提交表单时，字段tags的值始终是未定义的，因为Form.Item无法从TagsInput子级中检索该值。当Form.Item的子组件是antd组件时，这通常不是问题。 export default function NewProjectForm(props) {
return (
<Form layout="vertical" onFinish={props.onSubmit} id="newProjectForm">
<Form
浏览 22提问于2020-07-24得票数 2
回答已采纳
1回答
html：
<input type='text'id='some_id' class='form-control', data-role='tagsinput' />
js：
$("input").tagsinput();
但它将输入tasg的样式更改为display='none'，并添加了额外的div。
下面是返回的html：
<div class="bootstrap-tagsinput"> <input type="text" pl
浏览 4提问于2016-09-26得票数 0
回答已采纳
3回答
我只是偶然发现了引导标签输入，我正在尝试，但我似乎无法使它发挥作用。
我在布局的顶部添加了以下内容：
<link rel="stylesheet" href="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.css">
我在布局的底部添加了以下内容：
<script src="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.js"></script>
然后在我的部分页面中添加了以下内容：
<input
浏览 4提问于2016-11-02得票数 6
回答已采纳
在中，有一个将事件绑定到原始元素(输入元素)的功能。
例如：
$('input').on('beforeItemRemove', function(event) {
// event.item: contains the item
// event.cancel: set to true to prevent the item getting removed
});
但是如果我destroy tagsinput并像下面这样再次初始化它，
$('input').tagsinput('destroy');
$('i
浏览 0提问于2015-11-13得票数 0
3回答
我有一个带有文本字段的HTML页面，用于获取标签。我使用引导标签输入来获取所有想要的标记。效果很好。但问题是：--它不是第一类型的！
这是我的代码：
<head>
<title></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
<link r
浏览 2提问于2017-03-12得票数 0
2回答
我试图建立一个输入区域，允许用户创建标签。我找到了引导标签输入并尝试使用它。它可以工作，但是当我试图在输入字段中设置数据时，它根本不起作用。这是我的密码：
<input id="tagsdata" type="text" class="form-control" data-role="tagsinput" placeholder="Add tags"/>
$('#tagsdata').val(response.data.tags); // response.data.tags
浏览 0提问于2018-06-07得票数 0
回答已采纳
1回答
嗨，伙计们，我最近开始学习，反应，我被困在这里这个问题。在使用这个TagsInput组件时，我创建了一个按钮，需要重置TagsInput组件的searchValue。
我的意思是：
const [searchValue, setSearchValue] = useState('')
来自TagsInput组件。
这是整个TagsInput组件：
import React, {useState} from 'react';
import '../styles/InputField.scss'
import {useDebounce} from &#
浏览 3提问于2022-03-14得票数 0
回答已采纳
3回答
请检查一下
我在当前的系统中使用了。但是，当输入标记被添加超过6或7时，它就会继续在第二行中添加。我想把它放进第一行，就像这个图像不想变成第二行一样。请帮助我的css。
$(document).ready(function() {
$('.tags').tagsinput({
allowDuplicates: true
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
浏览 1提问于2017-10-09得票数 1
回答已采纳
2回答
我正在尝试将bootstrap与require js一起使用。到目前为止，jquery、下划线和bootstrap都可以正常加载，但有一个库没有加载，这就是bootstrap-tagsinput。我如何调试requirejs并查看这个库是否正在加载？
这是我的common.js
requirejs.config({
shim: {
'jquery': {
exports: '$'
},
'underscore': {
浏览 0提问于2016-05-30得票数 1
我使用Rails 4和和。
我正在尝试为我的标记(atcs_as_taggable)实现atcs_as_taggable。
Tags_input的HTML是：
<input name="tagsinput" class="tagsinput" value="School,Teacher,Colleague" />
在Simple_form：中翻译
<%= f.input :tag_list, input_html: { class: "tagsinput "} %>
更改之前输入的标记在
浏览 4提问于2013-09-25得票数 4
回答已采纳
3回答
我试图在我的项目中使用Angular2库。库是使用package.json文件安装的：
"dependencies": {
...
"bootstrap-tagsinput": "^0.7.1",
...
}
现在，我在bootstrap-tagsinput中有了一个node_modules文件夹。我想在特定的组件中使用标签输入。我看到在bootstrap-tagsinput-angular.js目录中有一个node_modules/bootstrap-tagsinput/dist文件，但是我无法正确地使用它。
，
浏览 5提问于2016-07-24得票数 9
问题
我有一个来自文件jquery.tagsinput的自定义效果，它在单击链接后无法工作，而如果我刷新页面，它将被修复。
测试解决方案
我尝试了以下几点：
禁用涡轮筒
为就绪或onload js函数服务文件-没有出现
描述
文件jquery.tagsinput具有以下结构
(function($) {
// Different functions and javascript staff
})(jQuery);
该函数包含需要执行的不同的javascript函数，如果我刷新浏览器，它们就能工作。为了前夫。
$.fn.tagsInput = function(optio
浏览 6提问于2017-02-17得票数 0
回答已采纳
这是与的“引导Tagsinput”相关的。
使用的插件：(最新版本的)
自举3
typeahead.js
bootstrap-tagsinput.min.js
我想要的是使用类型预先输入字段来添加标签。
<div class="input-group col-sm-4">
<input type="text" class="form-control" id="tagsinput" />
</div>
jQuery部件在下面。
$('#tagsinput'
浏览 2提问于2013-12-25得票数 12
使用bootstrap-tagsinput插件，我想在视图加载时为文本框赋值。
传递给视图的值格式是"a，b，c“
这是可行的
@Html.TextBoxFor(model => model.mylist, new {@class = "form-control"})
但是当我添加data_role = "tagsinput“时，它就不起作用了
@Html.TextBoxFor(model => model.mylist, new {@class = "form-control", data_role = "tagsinput
浏览 2提问于2014-10-03得票数 2
我的数据库中有以下值： ["email1@gmail.com","email2@gmail.com"] 我从数据库中获得这个值，我想在标签输入上显示这个值。 所以我使用下面的jQuery代码： $("input[data-role=tagsinput]").tagsinput('removeAll');
$("input[data-role=tagsinput]").tagsinput('add', html.data.adm_email); 我得到了以下结果： ? 那么我如何才能得到愚
浏览 37提问于2021-10-05得票数 0
我将使用bootstrap tagsinput而不添加新的标签功能(只删除标签)。如何禁止添加新标签？
我在twitter bootstrap 3中使用最新的bootstrap tagsinput v0.8.0。
下面是我的代码片段：
<input id="removeonlyinput" type="text" value="Amsterdam,Berlin,Lisbon" data-role="tagsinput" />
<script>
$('#removeonlyinput').t
浏览 18提问于2017-02-22得票数 1
2回答
如何将引导聚焦发光添加到 (用于引导3)？
bootstrap-tagsinput.css文件：
.bootstrap-tagsinput {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
color: #555;
vertical-align: middle;
border-r
浏览 3提问于2013-11-14得票数 1
2回答
我按类名选择了对象 var inp = document.getElementsByClassName("tagsinput field is-grouped is-grouped-multiline input"); 但是在我的文件中，那个类只有一个元素，所以我尝试console.log它 console.log(inp); 然后它返回了： HTMLCollection []
length: 1
0: div.tagsinput.field.is-grouped.is-grouped-multiline.input
__proto__: HTMLCollection 然后我
浏览 37提问于2020-01-03得票数 0
回答已采纳
2回答
选择了错误的目录
、、
我把这个放在我的卷宗里了；
elixir(function(mix) {
mix.scripts([
'app.js',
'public/assets/bower/bootstrap-tagsinput/dist/boostrap-tagsinput.js'
], 'app.js');
mix.sass('app.scss')
.browserify('app.js');
});
但是当我运行gulp时，我得到：resources/assets/js/public/assets/bower
浏览 2提问于2015-10-17得票数 0
回答已采纳
我使用bootstrap tagsinput (https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/)从用户那里收集关键字。我有两个关键字框，想要更改每个单词旁边的图标。有限的css经验。 ? 代码： var elt = $('#collection');
elt.tagsinput({ itemValue: 'id', itemText: 'text' });
var elt = $('#suggestions');
elt.tags
浏览 19提问于2020-09-05得票数 0
回答已采纳
我已经安装了jquery.tagsinput-通过npm重新访问，该机制提供了
npm jquery.tagsInput-重新访问
然后，我增加了
require('jquery.tagsinput-revisited');
在我的一个js文件里
@import '~jquery.tagsinput-revisited/src/jquery.tagsinput-revisited';
在一个SCSS文件中。
现在，我在npm运行手表时出现了这些错误
没有找到这种依赖性：
标签输入-在./resources/js/bundle1.js中重新访问
浏览 12提问于2019-11-27得票数 0
回答已采纳
我知道您可以使用
$(selector).on("click", "#myelement", function()
{ ...
}).
但我想做这样的事：
$("body").on("tagsinput", "#myelement", function()
{ ...
}).
我希望我的动态元素"#myelement“在DOM中使用tagsinput
当元素已经在DOM中时，我主要使用jquery插件，如下所示：
$(function (){ $("#myelement").tagsin
浏览 0提问于2015-04-23得票数 1
回答已采纳
0回答
我想从服务器端合成一个用于自动完成的Json对象数组，现在，当页面加载时，我硬编码了如下内容，但它不起作用。但是，当我在JS文件中将其改为"local：{ name：'Foo‘}，{ name：'FFoo’}，{ name：'Ah‘}“时，它可以工作。
可以从服务器端呈现“本地”数据吗?如何使用Vb.net生成Json字符串？
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
hdTypeahead.Value = "
浏览 8提问于2018-07-14得票数 0
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
