Question

这个问题已被多次询问和回答，但没有一个答案对我有用。

我最近从JQuery 1.x更新到3.x，这是箭头消失的时候。

以下是代码：

<html>
    <head>
    <title>Inspections</title>
    <link rel="Stylesheet" href="css/theme.blue.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script> 
    <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>  <!-- 2.17.8 -->

    </head>
    <body>
      <div id='inspectionoutstandingdiv'>
      <h1>Inspections
      </h1>
      <table id='activeinspections' class='tablesorter'>
      <thead>
         <tr>
         <th>Field 1 </th>
         <th>Field 2 </th>
         </tr>
      </thead>
      <tbody>
         <tr>
         <td>Some Data 1 </td>
         <td>Some Data 2 </td>
         </tr>
      </tbody>
      </table>
      </div>
      <script type="text/javascript">
          $('#activeinspections').tablesorter({theme:'blue'});
      </script>
    </body>
</html>

其中一个建议是将.gif文件放在正确的停止位置或修改css指向.gif文件，但是当我打开theme.blue.css时，我注意到了.gif文件嵌入在.css中作为编码文本。

我使用浏览器调试器运行，看它是否在抱怨它无法加载的文件。

此代码在较旧版本的jq和tablesorter下工作，它使用单独的.gif文件作为箭头。

箭头没有出现我做错了什么？

根据Mottie的建议，我将theme: 'blue'添加到了tablesorter调用中，但这没有帮助。

然后我将class='tablesorter'更改为class='tablesorter-blue'，这有效。我不认为这是一个理想的解决方案，所以我仍然想要一个答案。

Answer 1

问题是当我应该直接从github下载Mottie的代码时，我正在使用名为Mottie-tablesorter-08bf513.zip的.zip文件。

正确的代码有一个如下所示的注释：

/*! TableSorter (FORK) v2.xx.xx *//*

tablesorter不会在桌子上显示箭头

1 个答案: