почему фильтр данных не работает для меня - PullRequest
Новая
       3

почему фильтр данных не работает для меня

0 голосов
/ 02 сентября 2018

, так как я использую фильтр данных с моим угловым приложением, оно больше не работает.

Файл JS: 

var $mediaElements = $('.glossarytag');
$('.filterbutton').click(function(e){
e.preventDefault();
var filterVal = $(this).data('filter');

if(filterVal === 'all'){
  $mediaElements.show();
}else{
   $mediaElements.hide().filter('.' + filterVal).show();
}
});

Основной файл: 

 <font color="white">Filter by:</font> <br>
           <button type="button" class="btn btn-default btn-sm filterbutton"  data-filter="all">Show All</button>
           <button ng-repeat="t in problems" type="button" class="btn btn-primary btn-sm filterbutton" data-filter="{{t.PROBLEM_TAG}}">{{t.PROBLEM_TAG}}</button>

  <tr ng-repeat="t in problems" class="glossarytag {{t.PROBLEM_TAG}}">
                    <td style="vertical-align: middle; text-align: center"> <button type="button" class="btn btn-primary btn-sm"data-toggle="modal" data-target="#{{t.PROBLEM_ID}}">Show details</button></td>
                    <th style="vertical-align: middle; text-align: center" scope="row">{{t.PROBLEM_ID}}</th>
                    <td style="padding-right: 15px;">{{t.PROBLEM_SYMPTOMS}}</td>
                    <td></td>
                    </td>
                </tr>

Может быть, я не вижу проблемы, но не могу найти ошибку: / ссылка на файл JS верна.

Может, порядок ссылок? 

<script src="../assets/js/lib/jquery-2.1.3.min.js"></script>
<script src="../assets/js/jquery.mousewheel.min.js"></script>
<script src="../assets/js/jquery.cookie.min.js"></script>
<script src="../assets/js/fastclick.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/popper.min.js"></script>
<script src="../assets/js/lib/d3.min.js"></script>
<script src="../assets/js/lib/c3.min.js"></script>
<script src="../assets/js/filter.js"></script>
<script data-require="angular.js@1.2.0-rc3" data-semver="1.2.0-rc3" 
src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script>
<script src="../assets/angular/ticket-app.js"></script>
<script src="../assets/angular/notifications-app.js"></script>

1 Ответ

0 голосов
/ 02 сентября 2018

Где у вас есть тег <script src-=""/> для импорта внешних файлов скриптов, значит внутри тега <head /> или внизу страницы. Если вы напишите это внутри тега head, значит, он не работает должным образом. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button type="button" class="btn btn-default btn-sm filterbutton"  data-filter="all">Show All</button>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $('.filterbutton').click(function(e){
            e.preventDefault();
            console.log($(this).data('filter'));
        })
    </script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...