圖像工具提示工作後的DataTable下一頁

Datatables Tooltip Image 圖像工具提示工作後的DataTable下一頁

我昨天問過這個問題，我想我得到了解決。不過，我剛剛意識到，如果我點擊下一頁，圖像不會在工具頂部彈出。它們只在返回的默認頁面上工作，即前10行。如果我轉到結果的下一頁或者展開表格以顯示10行以上，則懸停工具提示不起作用。

有無論如何重新活化懸停？

請勿我嘗試添加這些到文檔準備功能：

$('.next').click(function() { 
    screenshotpreview(); 
}); 

$('.pagination').click(function() { 
screenshotpreview();

}）;

來源

2013-06-05 Andrew Burns

$(document).on('click', '.next', function() { 
    screenshotpreview(); 
}); 

$(document).on('click', '.pagination', function() { 
    screenshotpreview(); 
});

事件代表團是問題。綁定到靜態父元素，以便動態添加的元素仍然可以觸發。

來源

2013-06-05 03:06:46 Ohgodwhy

感謝您的評論Ohgodwhy。我試過但仍然沒有工作。我將繼續使用這個框架。 –

這可能是因爲您在document.ready函數上設置了工具提示。嘗試初始化文檔之外的工具提示。準備功能

$(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
});

來源

2016-05-09 19:59:06

將此代碼包含在數據表中。它就像一個Datatables的監聽器。每當Datatables發生任何變化，它都會執行其中的功能

"drawCallback": function(settings) { 
    toolTipShow(); // your tootlip function. 
},

來源

2016-09-13 13:33:55

你介意解釋代碼在做什麼嗎？ –

@DᴀʀᴛʜVᴀᴅᴇʀ它就像一個Datatables的監聽器。每次Datatables發生任何更改時，都會執行其中的功能。 –

你應該在你的答案中包含它，因爲你的答案看起來像一個代碼轉儲。 –

圖像工具提示工作後的DataTable下一頁

回答

相關問題