问题标签 [bootstrap-tags-input]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2592 浏览

javascript - 引导标签输入

我从以下资源 下载了bootstrap-tagsinput库的源 JS 和 CSS: http ://timschlechter.github.io/bootstrap-tagsinput/examples/

在我的 asp.net 网站中,我以下列方式使用它:

但是警报实际上应该返回我创建的标签,而是返回:undefined

JS 是用Master Page. 所有的 CSS 和 JS 引用也都在Master Page.

这里有什么问题 ?

编辑 :

TextBox 呈现如下: 在此处输入图像描述

编辑 :

使用以下 jQuery 代码,我能够检索 div 的内容。

但问题是它返回以下内容:

在此处输入图像描述

并且还显示了另一个空警报!我不知道为什么!

0 投票
2 回答
3112 浏览

jquery - 标签输入的基本示例不适用于 Bootstrap 3

刚开始使用客户端编程,所以这可能是初学者的错误。我正在尝试让引导标签输入插件的示例正常工作。他们几乎可以这样做,除了标记中提供的值(例如 value="Amsterdam,Washington")不能使用 Backspace 删除。当我的测试页面加载时,它们确实显示为标签,但只能通过单击每个标签上的“x”来删除它们。

我通过键入它们创建的任何新标签都按预期工作(可以通过单击 x 或退格键删除)。

看起来初始标签最终出现在一个 div 元素(类 bootstrap-tagsinput)中,除了它们之外,还包含另一个 div 元素(也是类 bootstrap-tagsinput),这是添加新(输入)标签的地方.

这与示例的行为不同,包括初始标签在内的所有标签都可以通过按退格键来删除。

我的测试页面的屏幕截图,如浏览器中所示

具有类 bootstrap-tagsinput 的两个 div 的屏幕截图

任何意见,将不胜感激。

0 投票
1 回答
1230 浏览

javascript - 如何使用引导标签输入和 typeahead.js 允许自定义值?

我正在尝试将Bootstrap Tags Input v.0.5.0 与typeahead.js v.0.11.1 和 Bootstrap v3.3.5 一起使用。它对我有用,但我无法输入我的 typeahead 源数组中不存在的标签。为了允许输入源数组中不存在的项目,我需要更改什么?

这是我的示例 html:

这是我的示例js:

0 投票
0 回答
171 浏览

javascript - Typeahead 不适用于标签输入

我正在使用tagsinput创建可以从 typeahead 库中选择的标签。问题是预输入不会显示。我正在使用一个承诺来查看初始化是否正常工作,并且标签输入也在工作(有一些奇怪的行为)。

所以我真的不知道问题是什么。我知道这些库没有保持最新,但它们应该可以工作。

JSFIDDLE

0 投票
1 回答
734 浏览

javascript - 从 bootstrap-tag 库调用“add”方法

所以我使用了一个名为 bootstrap-tag 的库(不要与 bootstrap-tags <-plural 混淆)。这是它的存储库:https ://github.com/fdeschenes/bootstrap-tag

我正在尝试从其他输入字段构建标记将具有的值,然后通过单击按钮将该标记添加到标记输入字段。

在此处输入图像描述

我首先尝试查看是否可以访问元素的原型并从那里获取 add 方法。但我只能得到一个 jquery 元素的原型。我不包含代码的唯一原因是因为我使用的是 Ember.js,并且不希望这可能使我遇到的实际问题复杂化。如果包含代码对我有益,请告诉我,我会将其添加到问题中。

在其中输入时,标签输入字段可以完美地工作。如何从字段外部构建值并添加标签?

我打算使用的添加方法也在 3rd 方库中的这一行: https ://github.com/fdeschenes/bootstrap-tag/blob/master/js/bootstrap-tag.js#L136

0 投票
1 回答
614 浏览

jquery - 在引导程序中调用 beforeItemAdd 函数时如何附加一些字符

如果我在标签文本框中输入 India,它应该添加为#india. 我在用着bootsrap-tagsinput.js

0 投票
1 回答
1081 浏览

tags - 逗号不适用于 Bootstrap TagsInput 和 Bootstrap Typeahead

我将在我的一个项目中使用 Bootstrap TagsInput 和 Bootstrap Typeahead。

当我开始输入时,Typeahead 会显示建议。如果我按 [ENTER],它将正确添加。但是有一个问题,当我输入 somthing 并按下 [逗号按钮,] 它什么也不做。

这是我的输入:

JS代码:

0 投票
0 回答
463 浏览

jquery-steps - 标签输入在 jquery 步骤中不起作用

我希望以 jquery 步骤形式输入标签,但它不起作用。请帮忙

和我的引导标签输入在 jquery 步骤之后。

在我按回车后在此处输入图像描述 ,没有任何反应,仍然如此。我希望 tagsinput 在 jquery 步骤上工作。感谢大家

0 投票
0 回答
1140 浏览

jquery - 使用标签输入jquery删除具有相同键的标签

使用引导标签输入 jquery https://timschlechter.github.io/bootstrap-tagsinput/

我正在努力实现一些目标。

首先我添加一个标签,如下所示:

但我只想允许一个“格式”类型的标签。所以理想情况下,如果添加了另一个具有类型格式的标签,我会这样做:

但这不起作用,因为我必须指定文本值(这是一个变量)。

任何帮助都会很棒,因为我一直在努力寻找解决方案。

0 投票
1 回答
401 浏览

typeahead.js - Bootstrap Tags Input with Typeahead Predefined item from the list

我对在引导标记输入中的列表中预定义项目有疑问。例如。var city_list = ['苏门答腊','爪哇','苏拉威西'] var city_choosen = ['苏门答腊']

当页面打开时,我想用苹果预定义输入,但在文档中方法 .add 导致“苏门答腊”重复。我想从现有列表中定义它,而不是添加新列表。

谢谢你。