如何将 Best In Place 与 twitter bootstrap 结合使用

2023-12-06

我还没有看到任何文档。

如果我有

<%= best_in_place @user, :city,  type=> :input, %>

我需要包括 data-provide="typeahead"

<%= best_in_place @user, :city, type=> :input,:data => {:provide => "typeahead"} %>

并包含来源

<%= best_in_place @user, :city, :type=> :input, :data => {:provide => "typeahead", :source => City.getcities.to_json} %>

assume City.getcities.to_json返回包含城市名称的正确 json 列表

这不行...


随着:data您可以设置选项data-生成的属性span并且不在input本身。

如果你想在生成的内容上添加属性input您需要使用的元素:html_attrs选项:

<%= best_in_place @user, :city, :type=> :input, 
    :html_attrs => {:'data-provide' => "typeahead", 
                    :'data-source' => City.getcities.to_json} %>

然而——作为@尼克吉南托指出 - 预输入选择仅适用于使用键盘而不是鼠标(可能是因为引导程序中的错误或者因为有没有官方支持最适合引导)

但下面的代码片段似乎可以解决这个问题:

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

如何将 Best In Place 与 twitter bootstrap 结合使用 的相关文章

  • 如何左对齐这些 Bootstrap 表单项?

    我是第一次使用 Bootstrap 在将此表单水平向左对齐时遇到很多麻烦 列表项是水平的 因为它们应该是水平的 但我希望控制标签 表单标签的 Bootstrap 类 全部位于向左浮动的相同位置 该表单包含在跨度为 7 的 div 中 因为我
  • 如何将焦点设置在 BootStrap 中的第一个输入字段上? [复制]

    这个问题在这里已经有答案了 可能的重复 如何将焦点设置到独立于 id 的 HTML 表单中的第一个输入元素 https stackoverflow com questions 277544 how to set the focus to t
  • 电子邮件 CSS 模板框架?

    任何人都知道任何电子邮件模板 CSS 框架 我目前正在使用引导程序 它可以工作 但不完全是为电子邮件而构建的 我看过 zurb ink 但它似乎对开发人员不太友好 很难让它发挥作用 其他人在那里使用什么 查看MJML https mjml
  • 拆分字符串而不删除分隔符

    我需要解析一个文件以获取单个 SQL 语句并从 Rails 控制器运行它们 我有以下代码 sql file RAILS ROOT lib evidence interface import sql sql stmts array File
  • 新分配的序列不起作用

    在 PostgreSQL 中 我创建了一个新表并为其分配了一个新序列id柱子 如果我从 PostgreSQL 控制台插入记录 它可以工作 但是当我尝试从 Rails 导入记录时 它会引发异常 无法找到关联的序列 这是表格 d user me
  • Factory_girl、关联和 after_initialize 的问题

    我有一个这样定义的家庭类 class Family lt ActiveRecord Base after initialize initialize family belongs to user validates user presenc
  • 如何在卡组bootstrap vue上设置行列?

    我的 vue 组件是这样的
  • 带分页的过滤表

    我想要一个带有分页的表格 同时在表格标题中带有搜索框 所以使用这段代码jsfiddle分页 http jsfiddle net Xugej 1445 I want output like this 这是我的过滤代码 function sea
  • Rails、Facebook API、Koala gem — 获取“喜欢”某个页面的用户的所有个人资料

    使用 Rails3 和 koala gem 如何检索 喜欢 FB 页面的用户的所有个人资料 例如 http facebook com DAKINE 有可能吗 作为最终结果 我需要获取一堆存储在数据库中的用户配置文件 Thanks 在 Fac
  • 在 Bootstrap 3 中将容器类嵌套在容器流体类中?

    除了填充问题之外 为什么不建议将 container 嵌套在 container fluid 中 如果将子容器填充归零 如下面我的代码所示 则效果与拥有一个容器相同 此外 如今 不同的全宽和固定宽度布局似乎很常见 我知道文档说了什么 LIN
  • 切换到 twitter bootstrap 的优点/缺点 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 将箭头添加到 Twitter Bootstrap 的下拉药丸中?

    我的 Twitter 引导下拉按钮成功工作 但我有一个小问题 这里的黑色导航栏 http twitter github com bootstrap javascript html dropdowns http twitter github
  • 如何在 Bootstrap 4 轮播中堆叠多个图像

    我不知道如何使用 Bootstrap 4 以及如何在一张幻灯片中显示多个小图像 例如缩略图 而不是让图像填充轮播的宽度 我已经使用下面的代码尝试了一些操作 但仍然无法堆叠很多图像 div class container h2 class t
  • 延迟的作业更新查询正在无限运行

    我在 Rails 应用程序中使用delayed job 和delayed job active record 来执行后台作业 我们正在使用基于队列的delayed job 为了启动延迟 我使用以下命令 RAILS ENV staging s
  • Rails3,从 cron 运行 rake 任务

    我从 cron 运行 rake 任务时遇到问题 我将其包装在 shell 文件中 当我从控制台执行此 shell 文件时 它工作正常 bin sh if ps ef grep v grep grep create all accounts
  • Rails 4 - 如何在活动记录查询中为includes()和joins()指定别名

    我如何给出别名 例如includes 给出如下 用户 活动记录模型 Student 活动记录模型 继承自User STI Teacher 活动记录模型 继承自User STI 项目 活动记录模型 这里有一些例子 第一个案例 更多性传播感染协
  • Bootstrap Html 列宽度太大

    var parentDiv document getElementById cc var statementDiv document createElement div var statementName document createEl
  • Ruby on Rails 中的渲染验证错误

    在模型中说Task 我有以下验证 validates presence of subject project user status 如何使用其他控制器呈现这些验证的错误消息 在我使用的 CustomController 内部 Task c
  • Ruby on Rails 3:“超类与类不匹配......”

    平台 Mac OSX 10 6 在我的终端中 我使用 rails c 启动 Ruby 控制台 按照 Ruby on Rails 3 教程构建一个类 class Word lt String def palindrome check if a
  • 如何使用 jQuery AJAX 和 JSON 通过 Bootbox 确认表单提交

    我正在使用一个网络应用程序工作Spring MVC 我试图在提交表单之前显示一个确认对话框Bootbox 但我收到 500 内部服务器错误 这是我的表格

随机推荐

  • malloc如何理解对齐?

    以下摘自here pw widget malloc sizeof widget 分配原始存储 事实上 malloc 调用分配存储空间 那足够大了并且适当对齐以固定物体类型的 小部件 另见快速实现他从赫伯 萨特那里说 结盟 任何内存对齐 任何
  • 忽略返回值语法?

    在 Matlab 中 tilda 符号可用于忽略返回多个参数的函数中的某个参数 但是 当我在 Octave 中尝试相同的代码时 出现语法错误 我有两个问题 为什么 Octave 不支持这个 即错误 未来的增强 设计决策等 Octave 中的
  • 使用 jackson-dataformat-xml 仅忽略 json 中的字段,而不忽略 xml 中的字段

    Using Jackson与jackson dataformat xml模块 我能够序列化POJO二者皆是JSON and XML 我的对象中有一些字段 xml 属性 只能序列化为XML但不是JSON 如果我应用 JsonIgnore注释
  • 如何访问HttpServletRequest中的POST参数?

    我有一个应用程序 它基本上是服务的代理 该应用程序本身基于 Jersey 构建并由 Jetty 提供服务 我有这个资源方法 POST Path default Timed Consumes application x www form ur
  • php绑定动态数量的变量进行批量插入查询

    我有一个网络服务 用户可以在其中提交动态数量的问题 在 php 方面 我使用explode 和 删除每个问题 然后我需要进行批量插入 到目前为止我所做的如下 checkInQs explode trim POST checkInQs che
  • 如何在 D3 旭日图中正确旋转文本标签

    在下面的 D3 旭日图中 http jsfiddle net maxl eabFC attr transform function d return rotate d x d dx 2 Math PI 2 Math PI 180 左象限中的
  • JSF 2.0 PrimeFaces 渲染器覆盖

    我正在尝试扩展一些 primefaces 组件渲染器类以进行相同的更改 我在 faces 配置中注册新渲染器
  • 如何获取英语单词数据库? [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 我需要一个包含每个有效英语单词的数据库 我检查了 usr share dict words文件 它包含少于 100k 字 维基百科说英语有 475k 个单词 我在哪里可以获得完整的列
  • 如何将 Java 程序转换为 .exe 文件?

    如果我有 Java 源文件 java 或类文件 class 如何将其转换为 exe 文件 我的程序还需要一个安装程序 java打包器 Java Packager 工具编译 打包并准备 Java 和 JavaFX 应用程序以供分发 javap
  • 需要关于随机函数 swift 的解释

    关于我的随机函数有一个问题 为什么会出现此错误 4294967295 is not exactly representable as Float it becomes 4294967296 我的代码是 func random gt CGFl
  • isMemberOfClass 的用法;返回错误

    在下面的代码中 我认为第二个条件为真 但结果为假 我错过了什么吗 请帮助我理解 NSArray array NSArray alloc init NSLog NSStringFromClass array class if array is
  • 无法捕获任务 android studio 的输入文件的快照

    我正在尝试制作 android studio 项目 我在 Android 设备管理器中运行项目没问题 但是当我尝试在真实设备上运行时出现一些错误 Error Failed to capture snapshot of input files
  • 与后面的视图控制器交互

    我知道 SE 上有几个与此问题相关的帖子 但我无法绕过它们来找到适合我的情况的正确解决方案 我在视图控制器中有一个地图视图 我正在展示另一个视图控制器modalPresentationStyle set as custom 容纳卡片视图 在
  • 播放保存在应用程序文档目录中的视频文件

    我有一个视频文件保存在我的应用程序的文档文件夹中的本地目录中 我想在用户单击我创建的嵌入表格视图中的项目时播放该文件 我的播放视频的代码如下 NSString documentPath NSSearchPathForDirectoriesI
  • Jquery 承诺等待 ajax 结束

    我正在获取预定义值 我必须将其插入到两个选择中 div div
  • XmlSerializer - 忽略继承的不可序列化成员

    假设您有两个类 一个继承另一个类 并且子类需要使用 XmlSerializer 进行序列化 反序列化 但是 父级包含不可序列化的成员 例如字典 public class Parent public Dictionary
  • 传递可变大小的表单

    我有一个大小 长度 可变的表单 它是从 MySQL 数据库填充的 有 4 个字段组成用于创建按钮的信息 id 按钮 名称和价格 提交表单后 我想将所有值保存到 MySQl 数据库 并使用成功消息更新页面底部的 div 对于我的所有其他页面
  • Coqide 8.5:Linux 上没有语法突出显示

    我安装了 Coqide 8 5 w nix 不幸的是 所有窗格中的文本都是黑色的 没有任何类型的语法突出显示 否则 8 5 似乎比我也安装的 8 4 有很大改进 我还得到以下信息 coqide 17272 GtkSourceView WAR
  • 从 tfs 变更集中获取文件列表

    我需要仅从 chageset 获取已更改文件的列表 并排除所有其他垃圾 我可以从命令 tf Changeset i changesetnumber 获取此信息 但除了文件列表之外 我还有很多其他信息 我不需要这些信息来实现我的目的 或者也许
  • 如何将 Best In Place 与 twitter bootstrap 结合使用

    我还没有看到任何文档 如果我有 我需要包括 data provide typeahead 并包含来源 assume City getcities to json返回包含城市名称的正确 json