如何在加载jquery.dataTables.min.js时修复firebug错误

时间:2015-09-16 09:40:57

标签: jquery d3.js datatables

我使用下面的脚本来包含d3和jQuery插件。

class FunctionUtil {
    static <T,U> Consumer<U> bind(BiConsumer<? super T, ? super U> c, T t) {
        return u -> c.accept(t, u);
    }
}
public class MyClass {
    public static void printStrings(String a, String b) {
        System.out.println(a + ": " + b);
    }

    public static void main(String[] args) {
        FunctionUtil.bind(MyClass::printStrings, "hello").accept("world");
    }
}

我在firebug的控制台中遇到了这个错误。

a)<script type="text/javascript" src="http://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

我该如何解决这个问题。任何人都可以帮助我......

- &GT;我的代码看起来像这样,

 1)TypeError: e[j] is undefined

    ...post);for(a=0;a<n.length;a++){j=n[a][0];f=e[j].aDataSort;b=0;for(c=f.length;b<c;...

    jquery.....min.js (line 64, col 203)

我无法在我的html页面中包含此插件。

<!DOCTYPE html>
<meta charset="utf-8">
<html>
  <head>
<link rel='stylesheet' href='style.css'>
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css">

<script src="/javascripts/jquery-1.11.2.js" charset="utf-8"></script>
<script type="text/javascript" src="http://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="/javascript/ellipse.js" charset="utf-8"></script>

  </head>
  <body>

<div>
<form action="/home/divya/html_docs/click.html" method="post" id="form1">
Client_ip :<input type="text" id ="ip" name="client_ip" style="width: 600px;"/>
<div id="subDiv">
<button type="submit" form="form1" value="Submit">Submit</button>
</div>
</div></br>

<table id="example" class="display" cellspacing="0" width="100%">
</table>

 <script>

  $(document).ready(function() {

$("#ip").val('');

    $('#example').DataTable( {
        "pagingType": "full_numbers"
    } );
} );


  var tabulate = function (data,columns) {
var svg = d3.select('#ip').append("svg")
  var table = d3.select('#example')
    var thead = table.append('thead')
    var tbody = table.append('tbody')

    thead.append('tr')
      .selectAll('th')
        .data(columns)
        .enter()
      .append('th')
        .text(function (d) { return d })

    var rows = tbody.selectAll('tr')
        .data(data)
        .enter()
      .append('tr')

    var cells = rows.selectAll('td')
        .data(function(row) {
            return columns.map(function (column) {
                return { column: column, value: row[column] }
          })
      })
      .enter()
    .append('td')
   .text(function (d) { return d.value })
   .append("input")
   .attr("id","change")
   .attr("type", "checkbox")
   .style("float","left")
.on("click", function(d,i) { 
var arr = [];
if (this.checked) {

   this.setAttribute("checked", "checked");
$('#ip').val(function( index, val ) {
 arr = val.trim().length > 1 ? val.split(',') : []; //split textbox value in to array
arr.push(d.value); //add id to array
return arr.join(','); 
});

  } else if (this.checked == false) {
      this.removeAttribute("checked");
$('#ip').val(function( index, val ) {
arr.splice(index, d.value);
});
  }

});

  return table;
}


d3.csv('http://localhost:3000/getcsv',function (data) {
    var columns = ['client_ip']
  tabulate(data,columns)
});
  </script>
  </body>
</html>

我在firebug中面临以下错误,

<script type="text/javascript" src="http://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

由于这个错误,我无法在我的html页面中包含分页。它的工作方式如下http://plnkr.co/edit/PDsWf6QpCFanXljLqxyg?p=preview.Now,我还想在我的html页面中添加分页。任何人都可以帮我解决这个问题...

0 个答案:

没有答案