Добрый день. Подскажите, пожалуйста, как верно реализовать фильтрацию выведенных из директории файлов или произвести поиск по имени файла?
На данный момент я вывел необходимые файлы из директории и попытался реализовать фильтр по ним, но почему-то при фильтрации выводятся либо все файлы (если есть сходство хотя бы в одном имени файла) или вообще ничего (если сходство не обнаружено).
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>111</title>
<link href="css/bootstrap.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/search.js"></script>
</head>
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-4">
<input type="search" id="container-search" value="" class="form-control" placeholder="Search...">
</div>
</div>
<div class="container" id="searchable-container">
<div class="row row-padding">
<div class="col-xs-4">
<?php
foreach (glob("*.pdf") as $filename) {
echo "<a href='http://хх.хх.хх.хх/pdf/$filename'>$filename</a><br>";
}
?>
</div>
</div>
</div>
<script src="//rawgithub.com/stidges/jquery-searchable/master/dist/jquery.searchable-1.0.0.min.js"></script>
$(function () {
$( '#table' ).searchable({
striped: true,
oddRow: { 'background-color': '#f5f5f5' },
evenRow: { 'background-color': '#fff' },
searchType: 'fuzzy'
});
$( '#searchable-container' ).searchable({
searchField: '#container-search',
selector: '.row',
childSelector: '.col-xs-4',
show: function( elem ) {
elem.slideDown(100);
},
hide: function( elem ) {
elem.slideUp( 100 );
}
})
});
Подскажите, что я делаю не правильно?
