使用 jQuery 添加数据工具提示
add data-tooltip with jquery
>我正在尝试使用 jQuery 向元素添加属性;因为我的标记是即时创建的,所以我不能直接添加属性。为什么下面的脚本没有添加属性?为什么这个小提琴没有按预期工作?这是我试图使用一些示例标记的小提琴。
// set the tooltip content
jQuery('li#menu-item-75 a:hover:before').prop('tooltipText', 'w00t');
jQuery('li#menu-item-75 a:hover:after').prop('tooltipText', 'w00t');
您必须使用 .attr()
设置数据属性,才能使 DOM 属性实际受到影响:
jQuery('li#menu-item-75 a').attr('data-tooltip', 'w00t');
:hover
和 :before
/:after
不适用于 jQuery 选择器。
演示:http://jsfiddle.net/fkdh8/13/
相关文章:
- 如何访问高图表工具提示中的任何特定数据
- MVC中关于表的自定义工具提示-每行显示数据
- 如何在系列数据中包含字符串以提取工具提示点格式
- 如何将数据标签与数据一起传递,以便在高图中的工具提示中显示
- Jquery 工具提示未随 AJAX 数据加载一起显示
- chart.js v2:如何添加元数据的工具提示
- Highcharts甜甜圈工具提示格式使用钻取数据
- Angular Highcharts ng如何将其他数据系列设置为工具提示
- 筛选源数据后的项目工具提示
- Highchart阶梯线图表工具提示在没有数据时显示旧数据
- 如何更改数据工具提示消息
- 我是否可以使用传单将数据值中的排名放入工具提示中
- Highstock 共享工具提示多个系列 - 不在点时显示线条的数据
- 我可以有工具提示以及一组数据点的图例吗?
- 在工具提示 d3 中显示数据中的内容
- 引导工具提示数据[选项] 不是一个函数
- 来自 API 的工具提示数据未初始化
- 设置谷歌折线图工具提示数据的格式以使用百分比
- js -使用工具提示数据(折线图)自定义事件
- 工具提示数据将显示在工具提示图标的右上方