数据表 - M脚本不能在第一个以外的任何其他页面上工作,如何解决?

问题描述 投票:0回答:1

我有以下jquery在某些单元格下放置编辑,查看和删除菜单。它在第一页上完美运行,但是当我到达第二页时,它没有运行:

$(document).ready(function() {
$("#table-list-users tr td#dropmenu").hover(function(){
    var data = $(this).closest('tr').find('.phonenumber').text() ;
    var data_clean =data.trim();
    //console.log(data);
    var xxx = '<div> <a href=/MH_auth_admin/edit_user/' + data_clean +' >edit</a> | view | delete </div>';
    console.log(xxx);
    $(this).append(xxx) }, function(){
        $(this).children("div").remove();
    })
});

我还有以下php脚本,它只是添加了一个工具提示:

   <?php 
    if (empty($user->created_on)){
     ?>     
    <td>
    <!-- empty -->
    </td>

    <?php
    } else {
    ?>                                      

    <td data-original-title="
        <?php 
            if (isset($user->created_on) ){
                $the_date_created = unix_to_human(htmlspecialchars($user->created_on,ENT_QUOTES,'UTF-8'));
                $the_text_created = new Cokidoo_Datetime($the_date_created);
                $created_on_tooltip = $the_text_created ;
                echo $created_on_tooltip;
            }
        ?>  
        " data-container="body" data-toggle="tooltip" data-placement="bottom" title="">

        <?php 
        if (!empty($user->created_on)){
            echo unix_to_human(htmlspecialchars($user->created_on,ENT_QUOTES,'UTF-8'));
        }
        ?>
</td>

<?php
    }
?>

两者都可以在第一页上正常工作,但是一旦我转到任何其他页面,它们就无法正常工作。

我怎样才能解决这个问题?

javascript php datatables
1个回答
0
投票

您需要将创建工具提示的逻辑替换为columnDefs的数据表的渲染函数 您的数据必须包含tooltipcreated_on字段。

$("#table-list-users").datadable({
  // ...
  // there can be other options
  // ...
  columns: [          
      { data: "created_on"}
  ],
  columnDefs: [
    {
      render: function (data, sType, aData) {
         return '<span data-original-title="' +
          aData.tooltip +
          '" data-container="body" data-toggle="tooltip" data-placement="bottom" title="">' +
          aData.created_on +
          '</span>';
      },
      targets: [0] // number of column created_on
    }
  ]
});
© www.soinside.com 2019 - 2024. All rights reserved.