javascript - 样式复选框和ajax

Question

我正在为评论系统制作一些脚本，幸运的是，除了在 ajax 调用期间困扰我的一个小问题外，一切正常。当我调用使用 ajax 进行实时数据搜索的页面时，复选框看起来不像它们应该的样子。但是当我输入 javascript 代码时，复选框看起来像它们应该的样子，但是功能却不一样工作。
代码如下所示:

Ajax 调用

<script>
        $(document).ready(function(){

    load_data('');

    function load_data(query, typehead_search = 'yes')
    {
     $.ajax({
      url:"fetc.php",
      method:"POST",
      data:{query:query, typehead_search:typehead_search},
      success:function(data)
      {
       $('#email_data').html(data);
      }
     });
    }

    $('#email_search').typeahead({
     source: function(query, result){
      $.ajax({
       url:"fetc.php",
       method:"POST",
       data:{query:query},
       dataType:"json",
       success:function(data){
        result($.map(data, function(item){
         return item;
        }));
        load_data(query, 'yes');
       }
      });
     }
    });

 $(document).on('click', 'li', function(){
  var query = $(this).text();
  load_data(query);
 });
});
</script>

做实时搜索数据的页面

 <?php
require_once("private/initialize.php"); 

//fetch.php
if(isset($_POST["query"])){
 $request = mysqli_real_escape_string($dbc, $_POST["query"]);
 $query = "SELECT * FROM comments WHERE deleted = 2 AND comment_email LIKE '%".$request."%' ORDER BY comment_id DESC";



$result = mysqli_query($dbc, $query);
 $data =array();?>
<?php
 $html = '';
 $html .= '
    <table class="table table-hover table-mail">
                    <tbody>';
 if(mysqli_num_rows($result) > 0){
  while($comment = mysqli_fetch_array($result)){
   $data[] = $comment["comment_title"];
   $data[] = $comment["comment_email"];

   $html .= '
     <tr class="read" id="'.$comment["comment_id"].'">
        <td class="check-mail">
            <input type="checkbox" name="comment_id[]" class="i-checks delete_customer" value="'.$comment["comment_id"].'">
        </td>
        <td class="mail-ontact"><a href="mail_detail.php?comment='.$comment['comment_id'].'">'.$comment['comment_title'].'</a></td>
        <td class="mail-subject"><a href="mail_detail.php?id='.$comment['comment_id'].'">'.$comment['comment_email'].'</a></td>
        <td class=""></td>
        <td class="text-right mail-date">8.22 PM</td>
    </tr>
   ';
  }
 } 
 else{
  $data = 'No Data Found';
  $html .= '
   <tr>
    <td colspan="3">No Data Found</td>
   </tr>
   ';
 }
 $html .= '
     </tbody>
</table>';

 if(isset($_POST['typehead_search']))
 {
  echo $html;
 }
 else
 {
  $data = array_unique($data);
  echo json_encode($data);
 }
}
 ?>
 // the javascript that is making the problem
   <script>
    $(document).ready(function(){
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
        });
    });
</script>

提前，我非常感谢任何给予的帮助。

Answer 1

这就是我所说的按钮看起来不正常的意思:

这是 java 脚本代码的样子。

按钮外观正确，但功能不起作用。但是如果没有 java 代码，该功能可以工作，但按钮看起来不像它们应该的那样。

我希望功能正常工作，按钮也能正常显示。同时