Jquery 表排序器&x27；奇怪的图像加载

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

当您试图将精力集中在调试对服务器的请求时，这些请求会干扰您的工作

感谢您的帮助

请注意，只有在应用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>

---

哦，我想可能是什么问题。在

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）的行，则可能会这样做这可能会解决问题。
能否请您共享用于初始化插件的代码。根据您的请求更新问题的内容。我很惊讶chrome无法将此字符串转换为图像。
.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;
}