この質問は何度か尋ねられていますが、答えはどれも私のために働いていません。tablesorterはテーブルに矢印を表示していません
最近、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ファイルを取得するか、.gifファイルを指すようにCSSを変更することですが、ときに私が開きましたup theme.blue.css私は、.gifファイルが.cssにエンコードされたテキストとして埋め込まれていることに気付きました。
ブラウザデバッガを使用して読み込みできなかったファイルについて不平を言っていたかどうかを確認しました。
このコードは、矢印の個々の.gifファイルを使用していた古いバージョンのjqとtablesorterで動作していました。
矢印が表示されないのは間違っていますか?
Moreottの提案私はtheme: 'blue'
をtablesorter呼び出しに追加しましたが、それは役に立たなかった。
class='tablesorter'
をclass='tablesorter-blue'
に変更しました。私はそれが理想的な解決策だとは思わないので、私はまだ答えが好きです。
:
正しいコードは次のようになりますコメントがあります['theme'オプション](https://mottie.github.io/tablesorter/docs/#theme)を追加する必要があります。' theme: 'blue''に設定してください。 – Mottie
{theme: 'blue'}を追加しましたが、それでも矢印は追加されません。ソートは(前と同じように)機能します。 –
テーマのCSSファイルがロードされていますか? – Mottie