Tagsinput 和 typeahead:无法读取未定义的属性“apply”

2023-11-29

当我尝试使用 taginput 和 typeahead 时,我不断收到此错误。

html:

<section id="examples">
  <div class="example example_typeahead">
    <h3>Typeahead</h3>
    <div class="bs-example">
      <input class="testing" type="text" value="nope" />
    </div>
  </div>
</section>

javascript:

var data = ['yes', 'yesyes', 'no', 'nope', 'yes again'],
  elt = $('.testing');

elt.tagsinput({
  typeahead: {
    source: data
  },
});

单击列表中的项目后出现应用错误。我还注意到我输入的文本没有被删除。 我搜索过其他类似的问题,但没有找到有效的答案。

note:我正在使用这个插件进行预输入https://github.com/bassjobsen/Bootstrap-3-Typeahead还有这个标签输入插件http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/


I guess,但我不确定是否已经进行了 bootstrap-tagsinput 更新,这在某种程度上打破了它处理“旧”引导程序提前输入的方式。我发现了两个错误,但没有完全找出原因。

第 1 期
错误“无法读取未定义的属性“应用”" 是在预输入中引发的,是由预输入尝试定位未定义的值引起的。问题是here以及。我做了一个拉取请求为此(点击查看详情)。希望我的建议能被合并,如果没有你可以下载this分叉仓库。 拉取请求现已合并到 master 中。

第二期
当令人讨厌的异常成为历史时,我注意到在预先输入中进行选择后, bootstrap-tagsinput 并没有被清理。已做出选择,但整个字符串或字符串的一部分仍保留在输入框中。这可以通过使用来解决afterSelect处理程序:

$('#someElement').tagsinput({
  typeahead: {
    source: data,
    afterSelect: function() {
       this.$element[0].value = '';
    }
  }
}) 

通过这两项更改,bootstrap-tagsinput 和 boostrap3-typeahead 可以按预期工作。查看演示 ->http://jsfiddle.net/bao3vk2m/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Tagsinput 和 typeahead:无法读取未定义的属性“apply” 的相关文章

  • 如何在同一页面上使用AJAX处理多个表单

    我有一个表单 当我单击 提交 时 它就被提交了 然后该表单隐藏 操作页面的结果显示在 div 中 classname dig 它工作正常 但是当我添加另一个表单时 它停止正常工作并且所有表单同时提交 我如何更改我的代码 done click
  • 了解设置 JQuery 变量

    了解设置 JQuery 变量 最近 我通过在 StackOverflow 上遇到的另一个问题寻找帮助 了解到如何设置 JQuery 变量 如下所示 您可以通过简单地调用变量来创建输入字段 并且锚变量似乎也定义了样式 var clicked
  • 每 3 秒重复一次动画

    我正在使用 WOW js 和 animate css 现在我正在将 CSS 运行到 Infinite 我想知道如何让我的课程运行 3 秒停止并再次开始到无限 My html img src images fork png class for
  • 不和谐机器人 |不和谐.js |类型错误:无法读取未定义的属性“长度”

    我正在制作一个 Discord 机器人 并且正在使用 CodeLyon 的视频作为参考 该错误位于我的 message js 文件中 该文件包含以下内容 require dotenv config create cooldowns map
  • 尝试将布尔 C# 变量传递给 javascript 变量并将其设置为 true

    在我的 aspx 页面中 我将布尔变量 C 传递给需要布尔类型的 javascript 函数 但遇到了问题 但是 C 变量返回 True 而 javascript 不喜欢大写 myjavascript 如果我将 c 变量转换为字符串 那么我
  • jquery.find() 可以只选择直接子项吗?

    我应该向 jQuery find 提供什么参数来选择元素子元素而不选择其他元素 我不能用 gt 引导选择器 而用 将选择所有后代 而不仅仅是直接子代 我知道 jQuery children 但这是一个库 因此用户能够提供自己的选择器 并且我
  • 在 Vue.js 中从父组件执行子方法

    目前 我有一个 Vue js 组件 其中包含其他组件的列表 我知道使用 vue 的常见方式是将数据传递给孩子 并从孩子向父母发出事件 但是 在这种情况下 我想在子组件中的按钮出现时执行子组件中的方法 parent被点击 哪种方法最好 一种建
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • 如何抑制窗口鼠标滚轮滚动...?

    我正在开发嵌入页面中的画布应用程序 我有它 因此您可以使用鼠标滚轮放大绘图 但不幸的是 这会滚动页面 因为它是文章的一部分 当我在 dom 元素上滚动鼠标滚轮时 是否可以阻止鼠标滚轮在窗口上滚动 附加鼠标滚轮 不是 Gecko DOMMou
  • 从未用 @flow 标记的导入文件中获取类型定义

    TL DR我怎么告诉flow从未声明的导入模块导入类型定义 flow 加长版 流接缝能够从不使用流语法的文件中派生类型 请参阅示例 示例文件 flow js if Math random lt 0 5 var y hello else va
  • 音频 blob 的 URL.createObjectURL 在 Firefox 中给出 TypeError

    我正在尝试从创建的音频 blob 创建对象 URLgetUserMedia 该代码在 Chrome 中可以运行 但在 Firefox 中存在问题 错误 当我打电话时stopAudioRecorder 它停在audio player src
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 在 webpack 2.x 中使用 autoprefixer 和 postcss

    如何使用autoprefixer使用 webpack 2 x 以前 它曾经是这样的 module loaders test scss loader style css sass postcss postcss gt return autop
  • 提交表单并重定向页面

    我在 SO 上看到了很多与此相关的其他问题 但没有一个对我有用 我正在尝试提交POST表单 然后将用户重定向到另一个页面 但我无法同时实现这两种情况 我可以获取重定向或帖子 但不能同时获取两者 这是我现在所拥有的
  • Laravel 中只向登录用户显示按钮

    如果我以 John 身份登录 如何才能只显示 John 的红色按钮而不显示 Susan 的红色按钮 测试系统环境 Win10 Laravel5 4 Mysql5 7 19 table class table table responsive
  • 为 illustrator 导出脚本以保存为 web jpg

    任何人都可以帮我为 illustrator CC2017 编写一个脚本 将文件以 JPG 格式导出到网络 旧版 然后保存文件并关闭 我有 700 个文件 每个文件有 2 个画板 单击 文件 gt 导出 gt 另存为 Web 旧版 然后右键文
  • 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名称?

    On the t他的笨蛋 http plnkr co edit l3KoY3 p preview您可以注意到属性名称模式的奇怪行为data 在指令中 电话 Test of data named attribute br
  • Javascript转换时区问题

    我在转换当前时区的日期时间时遇到问题 我从服务器收到此日期字符串 格式为 2015 10 09T08 00 00 这是中部时间 但是当我使用 GMT 5 中的 new Date strDate 转换此日期时间时 它返回给我的信息如下 这是不
  • 条件在反应本机生产中失败,但在开发中有效

    我创建了一个反应本机应用程序 我需要通过它进行比较 如果属实 就会执行死刑 问题是 该条件适用于 React Native 开发模式 而不适用于 React Native 生产版本 我使用 firebase 作为数据库 也使用 redux
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png

随机推荐

  • Python 中带有两个条件的 if 语句

    我正在编写一个简单的控制台程序来帮助我自己和一些地质学同学进行岩石样本分析 我们的讲师为我们提供了一个流程图 有助于指定样本的特征 我正在尝试将其制作成控制台程序 我的问题是第 9 行的 if 语句是否可以接受两个条件 如果可以的话我写得正
  • 在 Angular 中渲染模板之前加载数据

    我在用角6并使用单向绑定 我在组件中的代码如下所示 ngOnInit this profile getUser 1 subscribe data gt this userData this compiler constructUserDat
  • 如何使用 Puppeteer 监听历史记录?

    使用Puppeteer 是否可以监听浏览器历史记录API 例如history pushState history replaceState or history popState 通常由单页应用程序框架路由器在幕后使用 例如react ro
  • 尝试安装模块 win32clipboard

    我是 python 新手 我正在尝试安装 win32clipboard 以便能够使用此代码 import win32clipboard win32clipboard OpenClipboard win32clipboard SetClipb
  • 在 .NET 中序列化 System.Drawing.Color

    我对具有 System Drawing Color 成员的类使用了默认的 NET 序列化 该代码现在已被人们使用 我需要向该类添加一个额外的成员 但仍反序列化旧版本 因此 我尝试了执行此操作的标准方法 ISerialized 接口 使用 S
  • 打印出的 html 页面上有水印

    https jsfiddle net dhaileytaha g92gr1sy 3 上面的小提琴有一个打印输出页 我需要在打印输出页上添加水印 我不知道我们该怎么做 js jquery css 或以上都不是 请帮忙 document get
  • CustomPicker 确定和取消按钮的颜色

    我在android项目中有这个custompicker类 public class CustomPickerRenderer PickerRenderer private Context context private IElementCo
  • python元组可以修改吗?

    我正在读入并解析一些数据 基本上 数据是一堆整数和字符串 所以我不能只使用列表来存储数据 每组数据中都会包含一定数量的项目 但有时会丢失一些项目 这是我所拥有的 users list of objects I ll be creating
  • Dockerfile 中是否需要“FROM”子句?

    对于我遇到的所有 Dockerfile 诚然不是很多 它们都使用了FROM基于现有图像的子句 即使它是FROM scratch 这个条款是必须的吗 是否可以有一个没有的 DockerfileFROM条款 这样创建的容器能做些什么吗 EDIT
  • json对象转换为java字符串

    我有这样的 json 文件 我想使用 org simple json 将 json 转换为字符串 header IssuerID 000141 AuthenticationID e07020c0d040a050a0808099 Authen
  • 非常基础的 Java

    我对 Java 很陌生 这是我的代码 public class funk int largest int a int b int c if a gt b if a gt c return a else if b gt c return b
  • 使用 Winform 绘图

    我想获得一些 WinForm Graphics 知识 因此我正在将我的小型 2D 编辑器从 XNA 重写为仅 WinForm Graphics 现在 我为自己的图块集创建了一个新的 UserControl 但正如我所见 Paint方法仅在控
  • Pimpl 习惯用法与纯虚拟类接口

    我想知道什么会让程序员选择 Pimpl 惯用法或纯虚拟类和继承 据我了解 pimpl 习惯用法为每个公共方法和对象创建开销提供了一个显式的额外间接寻址 另一方面 纯虚拟类为继承实现提供了隐式间接 vtable 并且我知道没有对象创建开销 E
  • Laravel 数据透视表中雄辩的 UUID

    这个问题就像这样 laravel uuid 未在查询中显示 然而 这个问题的不同之处在于该表是一个数据透视表id字段使用插入时通过 MySQL 触发器生成的 UUID 我不想为该数据透视表创建另一个模型来为其提供针对类似问题答案的解决方案
  • 结构模式匹配 Python - 匹配集合 / Frozenset

    我一直在尝试 Python 3 10 中的结构模式匹配 但不知道如何让它匹配一组 例如我尝试过 a 1 2 3 match a case set 1 2 3 print matched 我尝试过 a 1 2 3 match a case s
  • Cloud Firestore 不等式运算符异常抖动

    当我在我的 flutter 应用程序中使用 cloud firestore 时 发生了奇怪的异常 EDITED 这是我的代码 Stream
  • Selenium2 WebDriver Ruby => 如何点击隐藏链接

    我在 Ruby 上使用 Selenium 2 WebDriver 如何使用 css 单击隐藏链接 显示 无 该链接是子菜单 当鼠标悬停在菜单上时可见 EDIT Selenium WebDriver Error NoSuchElementEr
  • 访问 Windows Media Player 库 C#

    我试图找出如何在 C 中访问 Windows Media Player 库 我浏览了网络和 SO 发现了很多关于控制 WMP 的文章 不过 我正在尝试访问其图书馆信息 IE 它的曲目名称 文件路径和元数据 是否有一个库可以实现此目的 或者至
  • 如何添加到python字典而不替换

    我当前的代码是category1 name number 但是 如果出现相同的名称 则字典中的值将被新数字替换 我该如何制作 而不是保留原始值 并添加新值 现在给键提供两个值 谢谢 您必须使字典指向列表而不是数字 例如 如果您有两个数字用于
  • Tagsinput 和 typeahead:无法读取未定义的属性“apply”

    当我尝试使用 taginput 和 typeahead 时 我不断收到此错误 html section div class example example typeahead h3 Typeahead h3 div class bs exa