我在使用 Tooltipster 和 jQuery 数据表时遇到问题。工具提示仅适用于第一页,不适用于后续页面。
更新: 我的js是
$('#tblCurrentEnrollments')
.on('order.dt', function () {
$('.demo-interact.tooltipstered').tooltipster('destroy');
setTimeout(SetToolTipster, 500);
})
.on('search.dt', function () {
$('.demo-interact.tooltipstered').tooltipster('destroy');
setTimeout(SetToolTipster, 500);
})
.on('page.dt', function () {
$('.demo-interact.tooltipstered').tooltipster('destroy');
setTimeout(SetToolTipster, 500);
})
.on('length.dt', function () {
$('.demo-interact.tooltipstered').tooltipster('destroy');
setTimeout(SetToolTipster, 500);
})
.dataTable({
"bAutoWidth": false, // Disable the auto width calculation
"lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
"aaData": currentEnrollments,
"aoColumns": [
{
"mData": getToolTip,
"sWidth": "30%"
},
{
"mDataProp": "_Class.class_title",
"sWidth": "30%"
},
{
"mDataProp": "EnrollmentResults.enrollment_results_title",
"sWidth": "20%"
},
{
"mDataProp": "ecommerce_time",
"sWidth": "20%"
}
]
});
function getToolTip(data, type, dataToSet) {
var link = "www.google.com";
var tipDesc = '';
tipDesc = data.Course.course_description;
tipDesc += "<p><a href='" + link + "' target= '_blank'>Click this link</a></p>";
tipDesc += "<p><img src='images/lion.jpg' /></p>"
return '<div class="demo-interact" title="' + tipDesc + '">' + data.Course.course_title + '</div>';
}
上面的代码可以工作。我想知道是否可以缩短或使其比现在更清晰。
谢谢。
最佳答案
试试这个:
$("#tblCurrentEnrollments").DataTable({
"pageLength": 25,
"fnDrawCallback": function(){
// initialize tooltipster here
}
});
关于javascript - jQuery 数据表 - 工具提示程序在第 2 页上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26760990/