jquery $(this).data在dataTables中无法正常工作

时间:2017-09-14 15:43:14

标签: javascript jquery ajax datatables

我在html中有一个表格,我在表格中使用DataTable我在此表格中显示了我的用户数据的简要信息,我在最后一栏中有一个按钮

<tr role="row" class="odd">
      <td class="sorting_1">1</td>
      <td>یوسف توکلی</td> 
      <td>۲۹۶۰۰۰۰۴</td> 
      <td>۹۸۷۶۵۴۳۲۱</td> 
      <td>مهندسی فناوری اطلاعات</td> 
      <td>دیپلم</td> 
      <td>کاربر</td> 
      <td><button type="button" data-toggle="modal" data-user="192" data-target=".bs-example-modal-lg1" class="detailes btn btn-default btn-md m-t-10">جزئیات</button></td>
  </tr>

此按钮显示模式包含该用户的详细信息。我使用AJAX来使用data-user作为密钥从服务器获取数据。

这个ajax请求适用于前10名用户,但是对于其他请求没有发送,当我们点击模型中的按钮显示最后请求数据时

这是我的ajax请求

$(document).ready(function () {
        $(".detailes").click(function (event) {
            event.preventDefault();
            var user_id = $(this).attr('data-user');
            jQuery.ajax({
                type: "POST",
                url: "<?php echo base_url(); ?>" + "admin/user_detailes",
                dataType: 'json',
                data: {view_id: user_id},
                success: function(res) {
                    // res = JSON.stringify(res);
                    console.log(res);
                    if (res){
                      $("#myLargeModalLabel").html(' <i class=" ti-angle-double-left"></i> ' + res.firstname + " " + res.lastname  );
                      $(".code").html(res.code);
                      $(".ncode").html(res.ncode);
                      $(".firstname").html(res.firstname + " " + res.lastname);
                      $(".jplace").html(res.jplace);
                      $(".phone").html(res.phone);
                      $(".mobile").html(res.mobile);
                      $(".mail").html(res.mail);
                      $(".website").html(res.website);
                      $(".gender").html(res.gender);
                      $(".marriage").html(res.marriage);
                      $(".field").html(res.field);
                      $(".degree").html(res.degree);
                      $(".father").html(res.father);
                      $(".last_click_time").html(res.last_click_time);
                      $(".birthday").html(res.birthday);
                      $(".job").html(res.job);
                      $(".username").html(res.username);
                      $(".level").html(res.level);
                      $(".birthdate").html(res.birthdate);
                      $(".reg_time").html(res.reg_time);
                    }
                  }
            })
        })
    });

任何人都知道会发生什么?

0 个答案:

没有答案