jquery - Bootstrap 数据表表工具按钮显示奇怪的图像

Question

我使用数据表从页面中的表加载数据。该表标有 id="datatables"，我使用以下代码在其上初始化数据表。

jQuery(document).ready(function() {
        jQuery('#datatables').dataTable( {
            "sDom": 'T<"clear"><"H"lf>rt<"F"ip>',
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ records per page"
            }
        } );

    } );

我在 Chrome 中加载页面时遇到加载垃圾图像的问题，而在 Firefox 中则正常。没有 Chrome 的桌面工具，一切都可以正常工作。当我添加表格工具时，按钮会加载一些随机图像，有时甚至是垃圾图像。我尝试清除缓存，但没有希望。在某些时候，即。千载难逢，它确实可以干净地加载并在下次重新加载时停止。当我右键单击页面并在某处打开检查元素时，图像变得正常。

Chrome 控制台显示 200 OK，用于加载 swf 文件。我尝试单独加载文件:

"oTableTools": {
            "sSwfPath": "media/swf/copy_csv_xls_pdf.swf"
        }

还是没有希望。它在火狐浏览器中运行良好。问题仅存在于 Chrome 中。

Answer 1

我认为这是在 chrome 中加载 Flash 图像(例如 swf)的问题，这是一个现有的错误。 Chrome 团队已在新版本中纠正了这一问题。 Bootstrap 数据表在新界面中运行良好。请尝试升级您的 Chrome。