Ruby on rails Twitter Bootstrap 3工具提示在更多数据属性时不起作用
使用Rails帮助程序和twitter引导工具提示,我的视图中有3个链接:Ruby on rails Twitter Bootstrap 3工具提示在更多数据属性时不起作用,ruby-on-rails,twitter-bootstrap-3,Ruby On Rails,Twitter Bootstrap 3,使用Rails帮助程序和twitter引导工具提示,我的视图中有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-mi
= 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中的“删除”没有数据原始标题
为“下载”和“导出”
我以这种方式初始化工具提示:$('.tip top').tooltip()代码>
提前感谢,
Victor问题在于您的数据选择器
项。根据引导文档:
如果提供了选择器,则工具提示对象将委派给指定的目标
由于您正在对链接本身调用tooltip()
函数,因此不需要数据选择器
字段。对于代码,当它尝试初始化第三个工具提示时,它会在a
元素中查找delete
元素;它找不到任何工具提示,因此不会创建工具提示
选择器选项适用于所有这些链接都位于包含div
,例如#mydiv
的目录中的情况。然后,您可以将一个'data-selector'=>'a'
添加到包装div
中,然后只需调用$('#mydiv')。tooltip()
。然后将工具提示应用于div
中的所有a
元素,谢谢。数据选择器
正在用于其他内容,而不是工具提示。