TableSorter的奇怪圖像加載

由於我現在在Chrome上調試我的前端，當滾動，排序等應用於頁面中的表時，TableSorter插件出現了一個奇怪的行爲。它試圖通過這種方式加載字符串/二進制數據URL（其中至少10個同時）：當您嘗試專注於調試請求到服務器TableSorter的奇怪圖像加載

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>

來源

2014-09-19 Jake OS

你可以請分享你用來初始化插件的代碼。 – Mottie 2014-09-19 16:04:24

根據您的請求更新問題的內容。 – 2014-09-21 09:35:20

哦，我想這個問題可能是。內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);這可能會解決該問題。

來源

2014-09-21 13:45:09 Mottie

我很驚訝鉻無法將此字符串轉換爲圖像。 – 2014-09-21 22:41:28

TableSorter的奇怪圖像加載

回答

相關問題