Question

我在视图中使用Rails助手和twitter bootstrap工具提示有3个链接：

= link_to download_group_path(group), class: 'btn btn-mini tip-top',
  "data-toggle" => "tooltip", title: 'Download' do
  %i.elusive.el-icon-pencil-alt

= link_to export_group_path(group),
  class: 'btn btn-mini tip-top', "data-toggle" => "tooltip",
  title: 'Export' do
  %i.elusive.el-icon-tasks

= link_to '#', class: 'btn btn-mini tip-top', 'data-toggle' => 'tooltip', title: 'Delete',
  'data-url' => group_path(group), 'data-selector' => 'delete',
  'data-name' => group.name, 'data-count' => group.users.count  do
  %i.elusive.el-icon-remove-sign

“下载”和“导出”工作，但“删除”无法正常工作。当我删除其他数据属性时，它的工作原理。出于某种原因，HTML中的“删除”没有data-original-title作为“下载”和“导出”

我正在以这种方式初始化工具提示：$('.tip-top').tooltip();

提前致谢，

维克多

Answer 1

问题是您的data-selector项目。根据bootstrap文档：

如果提供了选择器，工具提示对象将被委派给指定的目标。

由于您在链接上调用了tooltip()函数，因此您不需要data-selector字段。使用您的代码，当它尝试初始化第三个工具提示时，它会在delete元素中查找a元素;它没有找到任何，所以没有创建工具提示。

选择器选项适用于包含div的所有这些链接的情况，例如#mydiv。然后，您可以向包裹'data-selector' => 'a'添加div，然后只需拨打$('#mydiv').tooltip()即可。然后，这会将工具提示应用于a中的所有div元素。

Twitter Bootstrap 3工具提示在更多数据属性时无法正常工作

1 个答案: