TableSorter JS не работает, когда контент генерируется с помощью AJAX - PullRequest
Новая
       7

TableSorter JS не работает, когда контент генерируется с помощью AJAX

0 голосов
/ 11 мая 2018

Я не ищу, чтобы добавить / добавить существующую таблицу.Моя таблица пуста, пока результаты не будут возвращены через AJAX.Я пытаюсь отсортировать данные своих таблиц через плагин javascript, tablesorter.js.Я отсортировал таблицу так, чтобы она была разделена между заголовком и телом.Кажется, я не могу изменить строки таблицы, хотя

Мой код для AJAX: 

     <script>
           $(document).ready(function() 
          { 
        $("#results").tablesorter(); 
          } 
              ); 
            </script>


               <script>  
              $(document).ready(function(){ 
           $.datepicker.setDefaults({  
                dateFormat: 'yy-mm-dd'   
           });  
           $(function(){  
                  $("#to_date").datepicker(); 
                  });  
           var to_date = $('#to_date').val(); 

$( "#genre" ).val();
    {
var value = $(this).val();          

$( "#price" ).val();
    {
var value = $(this).val();



       $('#filter').click(function(){  

              var to_date = $('#to_date').val(); 
              var request = $("#genre").val(); 
              var request1 = $("#price").val(); 

              var data = 'to_date'+'request'+'request1';
                if(to_date != '' )  
                {  
                     $.ajax({  
                          url:"filter.php",  
                          method:"POST",  
                          data: { to_date:to_date, request:request,request1:request1 }, 
                          success:function(data)  
                          {  


                               $('#results').html(data);  
                          $('#results').trigger("update");



                          }  
                     });  
                }  
                else  
                {  
                     alert("Please Select Date");  
                }  
           });  
      }; 
       }; 

        });  
           </script>






        and my code for the html / PHP is;

         <table id="results" class="tablesorter"> 
    <thead>
        <tr>  
            <th>Event</th>  
            <th>Venue</th>  
            <th>Genre</th>  
            <th>Date</th> 
            <th>Price</th>  
        </tr>  
         </thead>
               <tbody>
                  <?php  

             while($row = mysqli_fetch_array($result))  
             {  
             ?>  
                  <tr>  

                       <td><?php echo $row["event_name"]; ?></td>  
                       <td><?php echo $row["venue_name"]; ?></td>  
                       <td><?php echo $row["genre"]; ?></td>  
                       <td><?php echo $row["event_date"]; ?></td>  
                  </tr>  
             <?php  
             }  

             ?>  
                   </tbody>
                          </table>

1 Ответ

0 голосов
/ 11 мая 2018

вы никогда не вызывали плагин: $ ("results"). Tablesorter () Каждый раз, когда вы обновляете свои данные, вы должны делать все для триггера обновления таблиц, чтобы он обновлял свои ссылки. 

success:function(data)  
                      {  
                          $('#results').html(data);  
                          $('#results').trigger("update");
                      }

что должно сделать трюк

...