问题标签 [bootstrap-tokenfield]

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 投票
1 回答
383 浏览

javascript - 将滚动条添加到引导标记字段自动完成

我找不到任何有关在引导程序的标记字段自动完成上启用滚动条的文档或问题。

我的领域有很多来自 Active Directory 的用户,我们必须进行此滚动。

0 投票
3 回答
1009 浏览

javascript - Remove span tag when something removed

I have an HTML structure and I want to remove an additional item.

I have jQuery code also:

When the user removes the token I also wanted to remove the span which has class 'pro-credit-error'. I have written jQuery but it's not working.

How can I remove that span which contains 'pro-credit-error' class?

0 投票
1 回答
1048 浏览

jquery - 带有 jquery ui 自动完成功能的 tokenfield

我正在使用带有jQ​​uery UI 自动完成功能的Bootstrap 令牌字段。但是列表没有显示任何东西,除了空白字段。

这是我的代码:

源正在返回适当的数据,但自动完成建议为空白。

有什么解决办法吗?或者我的代码中遗漏了什么?请帮我解决一下这个。

从源返回的数据(当我键入时ind):-

谢谢

0 投票
1 回答
2330 浏览

jquery-ui-autocomplete - 我应该如何使用具有自动完成和预输入功能的 Bootstrap 3 令牌字段?

我试图从http://sliptree.github.io/bootstrap-tokenfield/重现Using Twitter Typeahead示例。我只对原始代码进行了最小的修改。

我的问题是缺少自动完成和提前输入的样式。(我有一个带有凉亭包的版本,但结果相同。)

我考虑过

Twitter Typeahead 没有默认样式。确保在您的页面上包含 tokenfield-typeahead.css。

文档中的句子,但提到的 css 文件已包含在内。

我应该如何纠正正确的自动完成和提前输入样式?

0 投票
1 回答
1266 浏览

javascript - 使用 jquery 自动完成 json 引导标记字段

我有一个带有 json 数据的自动完成功能,但我似乎无法让它与 Bootstrap 令牌字段一起使用。据我了解,这应该只是将整个东西包装在一个 tokenfield 函数中。或者它是超越的东西?

这是我认为第二部分很重要的地方。正如他们在令牌字段示例http://sliptree.github.io/bootstrap-tokenfield/上所说的那样,这是令牌字段应该实现或“围绕它包装”的地方。我对吗 ?如何使用此代码调用令牌字段?这些信息是否足以让某人帮助我解决这个问题?

0 投票
1 回答
584 浏览

javascript - Bootstrap tokenfield 和 Twitter typeahead 下拉菜单未设置样式

我有一个与此类似的问题,但我同时使用Tokenfield v0.12.1Twitter typeahead v0.11.1。当我开始输入并出现建议时,它们没有样式。它显示为纯文本(如果我单击建议,它会添加到输入字段)。例如,如果我键入“re”,则会出现“red”的建议,但它显示为 unstyled,如下所示:

{"_query":"re","value":"red","label":"red"}

我的 CSS 源文件

我的 JS 源文件

我的 HTML

我的片段如下所示。请帮助我做错了什么?

0 投票
1 回答
794 浏览

javascript - 具有多个字段的引导标记字段 json

当我使用具有多个字段的对象时,我遇到了 Bootstrap 令牌字段的问题。例如,当我使用 json 对象定义为:

为此的初始化程序是:

这可以正常工作。Cannot read property 'toString' of undefined但是,如果我添加另一个字段,则在选择令牌时会引发错误。json定义为:

为此的初始化程序是:

这里的小提琴包含一个活生生的例子。这样做的正确方法是什么?

0 投票
1 回答
818 浏览

jquery - 如何将图标添加到令牌字段自动完成列表?

我正在使用 jQuery tokenfield 进行自动建议。我想将图标添加到结果的customList中。怎么做。?

我正在使用以下代码,

我正在使用 jQuery UI 和 bootstrap tokenfield javascript 库。

我尝试添加label: value.Name + <i class='fa fa-history'></i>代码,但没有给出正确的结果。在 UI 上,在搜索列表时会像这样使用 html 标记作为文本填充,

  • <i class='fa fa-history'></i> First Name A
  • <i class='fa fa-history'></i> First Name B
  • <i class='fa fa-history'></i> First Name C

但是在从列表中选择令牌字段后,它在带有名称的输入字段图标中变得正确,即没有 html 标记作为文本。

0 投票
2 回答
89 浏览

jquery - 将 JQuery 脚本与多个其他脚本一起放置?

我写了这个脚本

问题是,但我不知道确切的位置应该是什么SCRIPTS

当我以这种方式提升它时:

结果如下 在此处输入图像描述

这意味着,我可以使用TokenFieldTypeAhead它没有替换值$('#tokenfield-typeahead').val('Success 1, Success 2'),这意味着我无法访问 jQuery?

但是当我将Jquery脚本的位置切换到这个时(将 JQUERY 移到底部):

我得到以下结果 在此处输入图像描述

我不能用Tokenfield,我不能再用TypeAhead了。

我应该做些什么?

添加了新代码 我已经添加了新代码,似乎 JQuery 无法将 tokenfiled 识别为函数 - 我如何在添加了所有必需引用的情况下解决这个问题 - 请参阅下面的代码(我在控制台中遇到相同的错误,没有无论我在哪里测试) - 请运行代码并单击按钮

在此处输入图像描述

0 投票
1 回答
635 浏览

javascript - 必填字段不适用于引导标记字段

我有一个问题,浏览器没有在空的必填输入字段上打开弹出窗口。

尝试搜索互联网,但找不到解决方案。

这是问题的一个工作示例:http: //jsfiddle.net/rns3hang/182/

如果我从该示例中删除所有 js,则会打开浏览器默认的“请填写此字段”弹出窗口。

有针对这个的解决方法吗?