Javascript 正在显示空数据表网格

Javascript 正在显示空数据表网格,javascript,jquery,datatable,Javascript,Jquery,Datatable,我编写了一个小示例程序,使用Datatable在网格中绑定JSON数据 <html> <head> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> </head> <body> <table id="example"&

我编写了一个小示例程序,使用Datatable在网格中绑定JSON数据

<html>
<head>
  <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
</head>
<body>

 <table id="example">
  <thead>
    <tr><th class="site_name">symbol</th><th>qunatity </th></tr>
  </thead>
  <tbody>
  </tbody>
</table>

  <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
  <script>
  $(function(){

 var r =  [
 {"symbol":"BPCL","qunatity":"1222"},{"symbol":"HDCF","qunatity":"2333"}
 ]

$("##example").dataTable({
    "aaData":r,
    "bJQueryUI": true,
    "bDestroy": true,
    "iDisplayLength": 50,
    "bProcessing": true,
    "aaSorting": [[0, 'desc']],
    "aoColumns": [
      { "mData": "symbol" },
      { "mData": "qunatity" }

    ],
  });


  })
  </script>
</body>
</html>

符号质量
$(函数(){
变量r=[
{“符号”:“BPCL”,“数量”:“1222”},{“符号”:“HDCF”,“数量”:“2333”}
]
$(“##示例”).dataTable({
“aaData”:r,
“bJQueryUI”:没错,
是的,
“iDisplayLength”:50,
“bProcessing”:正确,
“aaSorting”:[[0,'说明']],
“aoColumns”:[
{“mData”:“symbol”},
{“mData”:“数量”}
],
});
})

当我运行这个程序时,除了标题外,没有显示任何数据,您能告诉我原因吗?

您在
$(“##示例”).dataTable中有一个额外的
({

非常感谢您处理您的更改,我还有一个问题,如何在每个字段上应用排序??这是可能的吗?如果我没有记错的话,您可以在dataTable文档中找到示例。