これは初めてlist.jsを使用していて何らかの理由で動作していません。list.jsを使用してソートしても検索できない
ここに実例があります。ここ http://hartslogmuseum.com/bookhjr10/test.php はその http://listjs.com/examples
を行うことになってそしてここに私のコードは何かということです。私は名前だけを検索したい。
<div class="table-responsive">
<div id="catalog">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort Name
</button>
<button class="sort" data-sort="cat">
Sort Category
</button>
<h2> Catalog </h2>
<table class="list table-bordered table-striped">
<tr>
<td> <h2 class="name">Item Name</h2> </td>
<td><h2 class="cat">Item Category</h2></td>
<td> <h2>Thumbnail</h2></td>
<td> <h2 class="descr">Item Desc</h2> </td>
<td> <h2 class="time">Time Frame</h2> </td>
<td> <h2 class="donor">Donor</h2> </td>
</tr>
$resultSet = mysqli_query($conn,"SELECT * FROM bookhjr10_items");
While($row = mysqli_fetch_array($resultSet))
{
$i=0;
echo "<tr>";
echo "<td class=\"name\">".$row['name']. "</td>";
echo "<td class=\"cat\">".$row['category']. "</td>";
echo "<td><a href=\"fullimage.php?id=".$row['id']."\" data-lightbox=\pic\"><img src=\"image.php?id=".$row['id']."\" alt=\"thumb-1\" /></a></td>";
echo "<td class=\"descr\">". $row['descr'] . "</td>";
echo "<td class=\"time\">". $row['time'] . "</td>";
echo "<td class=\"donor\">". $row['donor'] . "</td>";
echo "</tr>";
$i++;
}
?>
</table>
</div>
</div>
<script type="text/javascript">
var options = {
valueNames: [ 'name' ]
};
var hackerList = new List('catalog', options);
</script>
あなたが問題をデバッグするために何をしたthis page http://listjs.com/docs/list-api
公式ドキュメントの下部にある一覧を見ますか?コンソールに何かエラーがありますか? *編集:*コンソールを見ると、 'リソースの読み込みに失敗しました:サーバが404(Not Found)のステータスで応答しました。一部のスクリプト(例:jQuery)が見つかりません。 –
クラス名を変更しようとしました。私は何の誤りもありません。私が検索ボックスに入力すると、すべてが消えます。それは何をすべきか、あなたが入力したものだけを示していますが、何らかの理由でそのようには機能しません。 それは私が必要としなかったものでした。私はそれらを取り出した。 – Pureblood
私は必要なのはhttp://listjs.com/overview/download list.lsですか?私は他の何かをする必要はない? – Pureblood