工具提示仅在表的第一页上
tooltips only on first page of table
嗨,我有一个弹性网格来显示我的网站上的一些数据。每行都有一个超链接,当用户将鼠标悬停在它上面时,会显示一个包含更多信息的工具提示。但是,这仅适用于表格上的第一页,当我更改页面时,工具提示停止工作。我知道这是因为我在document.ready中使用了工具提示,但我不确定如何解决问题。任何帮助将不胜感激。我已经为工具提示提供了一个小提琴,但是表格没有分页。请参阅小提琴我也包括下面的代码。这在 document.ready 中调用
function tooltip(){
$('#tblOrder tr td a').on('mouseenter', function(event) {
var id = $('#tblOrder tr[id*="row"]').attr('id').substr(3);
$(this).qtip({
content: {
text: 'Loading.....',
ajax: {
url: '<%=Url.Action("Alarms") %>',
type: 'POST',
data: {id: id},
success: function (data, status) {
this.set('content.text', data);
},
error: function (xhr) {
console.log(xhr.responseText);
}
}
},
show: {
event: event.type,
ready: true,
effect: function () {
$(this).slideDown();
}
},
hide: {
effect: function () {
$(this).slideUp();
}
}
}, event);
});
};
当您更新#tblOrder
内的内容时,您应该重新绑定事件处理程序,或者甚至更容易地将 mouseenter 事件绑定到#tblOrder
并使用详细的选择器过滤事件回调。所以代替你的代码 - 使用这个:
$('#tblOrder').on('mouseenter', 'tr td a', function(event) {
相关文章:
- d3.js Chord图的动态工具提示
- Graphiti中是否有任何工具提示功能
- "工具提示"jQuery插件坏了
- 单元格的工具提示或标题不显示超过2000个字符
- d3.js用按钮更新条形图工具提示
- 使Intro.js工具提示响应
- 画布中绘制的矩形区域的弹出工具提示
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 禁用NVD3 multiBarHorizontalChart中0值的工具提示
- 如何更改已显示的工具提示
- 如何访问高图表工具提示中的任何特定数据
- 如何为AngularJS制作智能表中第一页和最后一页的跳过按钮
- 如何在jQuery点击函数中添加并显示引导工具提示
- 工具提示仅在表的第一页上
- 整页.js - 将鼠标悬停在单个圆圈上时显示所有工具提示
- 整页.js - 在工具提示中添加链接
- 引导工具提示不't在与第一个数据表不同的页面中工作
- 工具提示不适用于数据表的分页
- 工具提示不显示我的内容悬停在第一次,但显示在第二次
- 当第一个元素被选中时,工具提示不显示第一个元素的左边