这是我第一次使用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>
你做了什么对问题进行调试?你在控制台中有任何错误吗? *编辑:*如果你看看控制台,你会遇到一堆错误:'无法加载资源:服务器响应状态为404(Not Found)'。某些脚本(例如jQuery)未找到。 –
我试过改变类名。我没有收到任何错误。当我在搜索框中输入时,一切都会消失。这就是它应该做的,只显示你键入的内容,但由于某种原因,它不能像那样工作。 是的,这些都是我不需要的东西。我带走了他们。 – Pureblood
我需要的是http://listjs.com/overview/download list.ls正确吗?我不需要做其他事情? – Pureblood