Bootstrap Typeahead:删除第一项的强制选择

2024-06-24

您好,我正在 Twitter Bootstrap 中使用 typeahead。我在这里发现,在自动完成下拉列表中,它默认选择第一个选项。我的要求是,最初它不应该选择任何内容,只有当我按下导航键(向上或向下)或将鼠标悬停在它上面时,它才会进入第一个选项。是否可以使用预先输入。


为了避免默认情况下通过输入第一个选项进行选择,我使用了官方文档中记录的参数:自动选择。默认情况下它设置为“true”

My code:

$('#searchString', this.el).typeahead({
        source: function (query, process) {
            var q = '/autocompleteSearch?searchString=' + query;               

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

Bootstrap Typeahead:删除第一项的强制选择 的相关文章

  • Angular 2 不导入 Bootstrap css

    直接来自https angular io docs ts latest guide forms html https angular io docs ts latest guide forms html 让我们添加样式表 在应用程序根文件夹
  • 使用 bootstrap 渲染的 Django FilteredSelectMultiple 小部件

    我正在尝试复制FilteredSelectMultipledjango 应用程序管理中使用的小部件 但我的小部件呈现非常不同 管理中的小部件使用Django 套装 http djangosuit com or django admin bo
  • 切换按钮不适用于 AngularJS 和 Angular ui Bootstrap

    切换按钮出现 但不起作用 我现在在网上也有相同的代码 但它不起作用 但在 Plunker 中它可以工作 Plunker 切换按钮正在工作 http plnkr co edit R5F5D1FGyHiv9X1cfOoa p preview 在
  • 如何设置引导开关的 css 颜色?

    如何在此引导开关中将蓝色更改为另一种颜色 我尝试更改输入元素的颜色和背景颜色 但它没有更改开关颜色 这是 html 和 bootstraplink https getbootstrap com docs 4 2 components for
  • 如何在 Bootstrap 列中使用文本溢出?

    假设我有一行具有固定高度 并且我在其列中插入了一些文本 如果太长 我希望将其剪掉 并在行尾添加三个点 如下所示 我在用着文本溢出 省略号 我的行中有此属性 但无法使其工作 JsFiddle http jsfiddle net Alexnot
  • 为什么 `input type="date"` 的行为发生了变化?

    日期输入 例如
  • 输入文本中固定下划线

    我试图修复所有输入文本类型中的下划线 但没有成功 Example My code input width 100 background color fcfcfc border 0 padding 10px div class col lg
  • 如何清除隐藏上的引导模式

    如何在关闭 隐藏 关闭时清除引导模式 我有以下模态定义
  • Bootstrap 3 多个导航栏

    我在 Twitter Bootstrap 3 中的多个引导程序中遇到问题 第一个导航栏可以正常调整大小和响应 第二个导航栏在正常分辨率下无法正常工作 但是当我尝试调整大小以响应并调整大小后 它可以正常工作 这是一些代码
  • 在响应式网站上嵌入 Facebook 帖子

    我想在我的网站上嵌入一些 Facebook 帖子 图像 旨在实现响应式 我使用引导程序作为所有内容的主框架 并且很容易获得典型的图像响应能力 不幸的是 Facebook 帖子中的这些内容是iframe对象 并且他们不想很好地缩放 对于我的测
  • 取消选择单选选项

    我正在使用引导单选按钮 http getbootstrap com javascript buttons并希望允许取消选择无线电组 这可以使用额外的按钮来完成 Fiddle http jsfiddle net norlihazmeyGhaz
  • bootstrap-select 不代理点击事件

    我有选择元素
  • 打开 bootstrap.min.css 导致 VS2010 崩溃

    知道为什么打开 bootstrap min css 的缩小版本会导致 VS2010 崩溃吗 对于非缩小文件不会发生这种情况 我知道 我知道 一个有效的解决方案可能是 不要在 VS2010 中打开 bootstrap min css 这与我告
  • Twitter 引导重置按钮

    我如何使用 twitter bootstrap 创建重置按钮 与清除所有数据的表单重置按钮相同吗
  • Bootstrap轮播不滑动

    我一直在尝试使用 Bootstrap Carousel 并在一定程度上取得了成功 我也可以单击并更改图像 但我有一个问题 只是不滑动而已 我哪里做错了 html div class carousel slide ol class carou
  • 如何让 Twitter Bootstraps 移动导航栏覆盖页面上的内容而不是将其向下推?

    我正在使用 Twitter Bootstrap 并且想修改移动导航栏 以便在展开时下拉菜单覆盖页面上的内容 而不是将其向下推 我知道我可能需要制作包含 div 绝对定位 增加它的 z index 并定位外部 div 相对而言 但我似乎无法让
  • 下拉菜单导致滚动条

    我用过这个W3C 的示例 http www w3schools com bootstrap bootstrap dropdowns asp div class dropdown div
  • Bootstrap 下拉按钮名称在单击时发生变化

    我正在使用下拉按钮 4 个按钮 来过滤项目中的内容 并且我希望按钮名称更改为选定的 这样用户就不会忘记他 她在哪里 见图 这怎么可能 提前谢谢 这是pen http codepen io aktuna pen FqKjb 您可以使用 jQu
  • 带 Bootstrap 选项卡的 Rails

    我有一个 Rails 4 应用程序 我正在尝试合并 Bootstrap 选项卡 阅读引导文档 它说这样做的一种方法不涉及任何js 我已经尝试了文档中的每种方法 但无法让它们在我的应用程序中工作 我目前的尝试是 ul class nav na
  • css bootstrap 下拉菜单在 IE 中看起来不同

    我正在使用CSS引导程序3 2 0 http getbootstrap com css 然而 当在 IE 中查看该网站时 菜单选项周围有一个黑色边框 而且下拉菜单按钮看起来也有所不同 如果您查看该网站http getbootstrap co

随机推荐

  • django默认身份验证表单显示用户名而不是电子邮件

    我用 django 实现了我自己的用户登录表单 如下所示 from django contrib auth forms import AuthenticationForm class CustomUserLoginForm Authenti
  • Java 如何知道如何迭代数组

    String strs new String 1 2 6 for String s strs System out println s 这是一个关于java内部的问题 在上面的代码示例中 foreach 循环如何计算出数组的长度 数组实际上
  • 如何配置“git diff”以使用 emacs diff [重复]

    这个问题在这里已经有答案了 是否可以配置 git diff 以使用 emacs diff 如果是的话 你能告诉我怎么做吗 谢谢 看这个问题 如何使用视觉差异程序查看 git diff 输出 https stackoverflow com q
  • Cloud Function 会影响 Firebase 存储带宽使用吗?

    I am trying to figure out why firebase storage usage is far above my expectation 我的 Firebase 存储中只有很少的照片文件 只有大约 75 张照片 每张
  • JMSSerializer + 表单/数组

    我是 SF2 社区的新手 所以请放轻松 我遇到了 JMSSerializerBundle 和表单 数组的问题 我花了两天时间尝试自己解决这个问题 但没有成功 我决定将其发布到小组中 我正在构建一个简单的测试应用程序 它可以让我了解这些东西是
  • Spring WebSockets XML 配置不提供brokerMessagingTemplate

    我正在尝试使用 STOMP 将 WebSockets 支持添加到使用 XML 配置的 Spring MVC 应用程序中 到目前为止 一切进展顺利 我已经成功让 WebSockets 服务器进行监听 并且 stomp js 可以连接到它并发送
  • React PHP 获取 POST 数据

    我试图在 ReactPHP Web 服务器上运行一个简单的 Web 应用程序 但我不知道从哪里获取来自 HTML 表单的 POST 数据 服务器定义为 include vendor autoload php register shutdow
  • 如何避免捕获变量?

    我有问题 foreach var category in categories foreach var word in words var waitCallback new WaitCallback state gt DoSomething
  • 在 ggplot 中编辑图例标签

    我有一个如下所示的数据框 data median min max no of threads 2 33 2 10 6 85 1 2 43 2 14 3 41 2 2 39 2 13 7 90 3 2 74 2 10 8 30 4 2 53
  • Android 模拟器无法运行从 eclipse 启动的应用程序

    我遵循了 Google Android 开发人员指南中的 Hello World 示例 当我尝试在 SDK 模拟器中运行应用程序时 没有任何反应 模拟器启动得很好 但之后什么也没有发生 我什至在应用程序托盘中看不到该应用程序 我正在使用安装
  • 将焦点设置在屏幕顶部 jquery

    我有一个包含多个选项卡的页面 我使用 jquery 根据 href 单击显示和隐藏它们 每当我单击 a href 时 页面就会向下滚动 我正在尝试将焦点设置在页面顶部 这是我在 Jquery 中的第一个项目 我尝试了以下但仍然不起作用 滚动
  • cx_Oracle 和数据源范例

    有一个 Java 范例用于在 Java 中实现数据库访问DataSource 该对象围绕数据库连接的创建创建了一个有用的抽象 这DataSource对象保留数据库配置 但只会根据请求创建数据库连接 这允许您将所有数据库配置和初始化代码保留在
  • Flink Kafka Producer 中的 Exactly-once 语义

    我正在尝试使用 Kafka Source 和 Sink 测试 Flink 的一次性语义 运行 flink 应用程序 只需将消息从一个主题传输到另一个主题 并行度 1 检查点间隔 20 秒 使用 Python 脚本每 2 秒生成递增整数的消息
  • 在 R 中创建矩阵的有效方法

    我正在尝试从向量创建这样的矩阵 vec c 2 5 9 gt A 1 2 3 4 1 2 0 0 0 2 5 3 0 0 3 9 7 4 0 实际上 第一列始终是向量元素 第二列从 0 开始 然后是 5 2 3 然后第二列的第三个元素是 9
  • 未对@Transactional Annotation执行回滚[重复]

    这个问题在这里已经有答案了 我正在尝试创建一个用于转账的 API 即取款和存款 我使用 Transactional Annotation 执行事务 但有一些标准 即如果银行帐号不存在 则应通过运行时异常 我将附上其中的代码 现在 当调用 T
  • C# Linq/Lambda 表达式:如何从字符串中选择整数?

    我认为解释我的问题的最佳方法是使用简短的 通用 linq to objects 代码示例 IEnumerable
  • 如何将 IR 保存到文件并将其构建为可执行文件?

    现在我使用 clang 将 c 文件构建为 s 文件 我已经使用llvm API修改了IR 但是 现在我无法将修改后的 IR 保存到文件中 我想使用 LLVMWriteBitcodeToFile 但找不到 LLVMOpaqueModule
  • 从 SQLAlchemy 结果返回字段名称和值

    我如何使用 sqlalchemy 获取表列名称和值 使用我所拥有的 我能够检索 2 blue square 但我想得到的是 id 2 color blue type square 下面是我读完之后写的此文档适用于 0 9 版本 http d
  • Android - 创建 RESTful WebService - 将其托管在移动设备上

    我的问题是如何在 Android 设备上创建 Web 服务并将其托管在移动设备上 我不想access已创建的 Web 服务部署在server 我想要create返回 json xml 并将其托管在其上的 Web 服务mobile 移动设备中
  • Bootstrap Typeahead:删除第一项的强制选择

    您好 我正在 Twitter Bootstrap 中使用 typeahead 我在这里发现 在自动完成下拉列表中 它默认选择第一个选项 我的要求是 最初它不应该选择任何内容 只有当我按下导航键 向上或向下 或将鼠标悬停在它上面时 它才会进入