Загрузка weird image TableSorter

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);, это может решить проблему.