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” 的相关文章

  • 有没有办法在javascript中代理(拦截)一个类的所有方法?

    我希望能够在类本身的构造函数内代理类的所有方法 class Boy constructor proxy logic do something before each call of all methods inside class like
  • JavaScript 支持逐字字符串吗?

    在 C 中 您可以像这样使用逐字字符串 server share file txt JavaScript中有类似的东西吗 模板字符串支持换行 so you can do this if you want https developer mo
  • 节点遗留 url.parse 已弃用,用什么代替?

    require url parse someurl com page 已被仅弃用 并且我们严格的 linter 对此不满意 我尝试用互联网建议的内容替换我们的代码中的它new URL someurl com page 在大多数情况下都有效
  • Brunch 源映射:在 Chrome 开发工具中未命中断点

    我正在使用 Brunch 中内置的默认源映射 我看到文件很好 但无法在源映射文件中命中断点 使用 Javascript 访问调试器debugger 有效 这让我相信早午餐方面出了问题 这是我的 brunch config js module
  • Typescript:匿名函数内可能未定义的变量

    太长了 在匿名函数中使用变量之前检查变量仍然 TS 警告变量可能未定义 在下面的代码示例中变量baseDirId检查是否未定义 然后传递给 array map 函数 但 TS 发出警告baseDirId可以是未定义的 Typescript
  • 在 ajax 请求上启用 jQuery contextMenu 项

    我正在尝试更新上下文菜单 http medialize github com jQuery contextMenu docs htmlitem 如果 ajax 请求改变了我的 div 内容 这就是我的意思 我有一个这样的 div div c
  • 为什么 Promise `.then` 方法的回调是反模式

    我在 StackOverflow 上看到了答案 人们建议为 AngularJS 服务提供回调函数 app controller tokenCtrl function scope tokenService tokenService getTo
  • 解释一下这个令人困惑的 dojo 教程声明语法

    我正在阅读使用的语法道场的声明 http dojotoolkit org documentation tutorials 1 8 declare 用于班级创建 描述很混乱 The declare function is defined in
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • 仅从功能区打开一个对话框

    我有一个带有登录按钮的功能区 可打开登录对话框 我想将对话框的数量限制为一个 我正在使用函数 displayDialogAsync startAddress options callback https learn microsoft co
  • 为什么这个递归函数返回未定义?

    我正在尝试编写一个使用递归组合两个字符串的函数 我的代码如下 但我不知道为什么该函数返回未定义 特别是当我在基本情况下使用 console log 时 它不会打印未定义而是打印正确的值 var str3 function merge str
  • 文件缓存:查询字符串与上次修改时间?

    我正在研究缓存网站资源的方法 并注意到大多数与我类似的网站都使用查询字符串来覆盖缓存 例如 css style css v 124942823 后来 我注意到每当我保存 style css 文件时 最后修改的标头都会 更新 使得查询字符串变
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • 为什么 console.log() polyfill 不使用 Function.apply()?

    我一直在看一些流行的console log 包装 填充 保罗 爱尔兰的 http paulirish com 2009 log a lightweight wrapper for consolelog 本阿尔曼的 http benalman
  • 从浏览器访问本地文件?

    您好 我想从浏览器访问系统的本地文件 由于涉及大量安全检查 是否可以通过某种方式实现这一目标 或使用 ActiveX 或 Java Applet 的任何其他工作环境 请帮帮我 要通过浏览器访问本地文件 您可以使用签名的 Java Apple
  • 为什么 TypeScript 混合了模块和原型模式?

    我正在查看此页面上 TypeScript 生成的 JS 代码 http www typescriptlang org Playground http www typescriptlang org Playground 基本上 要创建一个Gr
  • JavaScript setTimeout 和更改系统时间会导致问题

    我注意到如果我设置setTimeout未来1分钟 然后将我的系统时间更改为过去5分钟 setTimeout功能将在 6 分钟后触发 我这样做是因为我想看看夏令时系统时钟更改期间会发生什么 我的 JavaScript 网页使用setTimeo
  • 如何计算一行中Flexbox项目的数量?

    网格是使用 CSS flexbox 实现的 Example http jsbin com jumosicasi edit html css js output 本示例中的行数为 4 因为我出于演示目的固定了容器宽度 但是 实际上 它可以根据
  • eventSources 到事件 Json,完整日历

    我正在尝试从 eventSources 获取 json 调用到我的事件 我在 eventSources 中返回的 json 是 title Title Test start 1305841052 当我将此字符串传递到事件中时 它会正确显示日
  • 使用严格模式编译指示时如何声明全局变量

    使用自调用函数来包装严格模式兼容代码 通常称为严格模式编译指示 被认为是一种很好的做法 function use strict Strict code here 我的问题是在这种情况下如何声明全局变量 我今天知道的三种替代方案 替代方案 1

随机推荐

  • 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