Question

由于我现在在Chrome上调试我的前端，因此在滚动，排序等时将TableSorter插件应用于页面中的表时会出现奇怪的行为。它正在尝试通过此URL加载字符串/二进制数据（至少其中10个同时）：

Request URL:data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==

当您尝试专注于调试对服务器的请求时，这些请求会产生破坏性的烦恼。

感谢任何帮助！

请注意，仅在应用TableSorter插件时才会出现此行为。

初始化插件的代码：

$('.tableSorter').tablesorter({
        theme : 'blue',
        // initialize zebra striping and resizable widgets on the table
        widgets: [ "zebra", "resizable", "columns", "cssStickyHeaders", "filter" ],//"saveSort" 
        resizable_widths :  RFM.width,
        usNumberFormat : false,
        widgetOptions: {
            resizable_addLastColumn : true,
          resizable : true,
          cssStickyHeaders_offset        : 50,
          cssStickyHeaders_addCaption    : true,
          cssStickyHeaders_filteredToTop : true,
          cssStickyHeaders_zIndex        : 10,
          cssStickyHeaders_attachTo : null
        },
        headers: { 
            0:{
                sorter: false 
            }
        }
    }).tablesorterPager({container: $("#pager"), output: RFM.lang.pager, savePages : false});

CSS文件：

<link rel="stylesheet" href="js/plugins/tablesorter/theme.blue.css">
<link rel="stylesheet" href="js/plugins/tablesorter/jquery.tablesorter.pager.css">

JS文件：

 <script src="js/plugins/tablesorter/jquery.tablesorter.min.js"></script>
 <script src="js/plugins/tablesorter/jquery.tablesorter.widgets.js"></script>
 <script src="js/plugins/tablesorter/jquery.tablesorter.pager.js"></script>
 <script src="js/plugins/tablesorter/widget-cssStickyHeaders.js"></script>

Answer 1

哦，我想问题可能是什么。在theme.blue.css文件中，此定义将标题排序箭头添加到10列：

.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {
    /* black (unsorted) double arrow */
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    /* white (unsorted) double arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
    /* image */
    /* background-image: url(images/black-unsorted.gif); */
    background-repeat: no-repeat;
    background-position: center right;
    padding: 4px 18px 4px 4px;
    white-space: normal;
    cursor: pointer;
}

您的调试器似乎试图实际加载base64编码的图像。

我不知道如何阻止您的调试器执行此操作，但是如果您对该行进行注释并取消注释指向实际图像url(images/black-unsorted.gif);的行，则可能会解决此问题。< / p>

TableSorter奇怪的图像加载

1 个答案: