Question

我的问题与解决here

相同

但是，如果我们使用它，它的工作正常 1.jquery1.7.2.js

2.jquery.dataTables.min.js（1.7.2）

3.jquery.jeditable.js（1.7.3）

4.jquery.dataTables.editable.js（2.3.3）

但目前我正在使用 1.jquery1.10.2.js

2.jquery.dataTables.min.js（1.10.2）

3.jquery.jeditable.js（1.7.3）

4.jquery.dataTables.editable.js（2.3.3）它抛出错误table.makeEditable（）不是一个函数。我没有发现错误在哪里？请帮我。在此先感谢。

<html>


<head>
    <link href="/JqueryDatatable/css/dataTables.jqueryui.css" type="text/css" rel="stylesheet"/>
    <link href="/JqueryDatatable/css/jquery-ui.css" type="text/css" rel="stylesheet"/>
    <link href="/JqueryDatatable/css/jquery.dataTables.css" type="text/css" rel="stylesheet"/>

    <script type="text/javascript" src="/JqueryDatatable/js/jquery-1.10.2.js" ></script>
       <script type="text/javascript" src="/JqueryDatatable/js/jquery.dataTables.js" ></script>
    <script type="text/javascript" src="/JqueryDatatable/js/jquery.jeditable.js" ></script>

   <script type="text/javascript" src="/JqueryDatatable/js/jquery.dataTables.editable.js" ></script>

<script type="text/javascript">

$(document).ready(function() {


var table= $('#example').DataTable( {
      //  "sScrollY":        250

    } );
    // Apply the filter
   table.columns().eq( 0 ).each( function ( colIdx ) {
        $( 'input', table.column( colIdx ).header() ).on( 'keyup change', function () {
            table
                .column( colIdx )
                .search( this.value )
                .draw();
        } );
    } );

    //Making datatable as editable columns
    table.makeEditable();

} );

Answer 1

更改此

  var table= $('#example').DataTable( {

到

  var table= $('#example').dataTable( {

我面临同样的问题，这个解决方案运作得很好。

Answer 2

试试这个

<script type="text/javascript">

  $(document).ready(function() {


  var table= $('#example').DataTable( {
  //  "sScrollY":        250

   } );

// Apply the filter
   table.columns().eq( 0 ).each( function ( colIdx ) {
    $( 'input', table.column( colIdx ).header() ).on( 'keyup change', function () {
        table
            .column( colIdx )
            .search( this.value )
            .draw()
            .makeEditable();
    } );
   } );

  } );

Answer 3

这不是答案，但是如果你找到了问题的答案，因为我面临类似的挑战，原因是因为如果你使用小“d”作为数据表，你已经使用了大写“D”在

var table = $（'＃example'）。dataTable（{ //“sScrollY”：250

}）;

makeEditable将适用于此。但在我的情况下，我需要使用大写“D”，因为我需要使用数据表的row（）。child（）函数。

JQuery 1.10.2 Datatable makeEditable（）不是函数

3 个答案: