Question

我是JQuery的新手。我正在尝试创建一个数据集但它不起作用。除数据表功能外，所有功能都有效。也就是说，表格正在显示正确的数据，但排序，分页等不起作用。我已经下载了Datatable插件并从我webapp文件夹中下载的插件代码中复制了jquery.dataTables.js脚本和jquery.dataTables.css。请告诉我可能出错的地方。

以下是我的页面，其中包含html表：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>        
    <link rel="stylesheet" href="css/jquery-ui-1.10.4.custom.css"/>
    <link rel="stylesheet" href="css/jquery.dataTables.css"/>
    <script src="script/jquery-1.10.2.min.js"></script>
    <script src="script/jquery-ui-1.10.3.custom.js"></script>
    <script src="script/jquery.dataTables.js"></script>
    <script src="script/tables.js"></script>..........

以下是表格部分：

    <div id="product">
           <p align="center">
            <strong>List of products</strong>
              <button id="create-user2"><span style="font-size:12px">+Add new product</span></button>
          </p>
          <table align="center" width="820" id="producttable" class="display">
           <thead>
            <tr>
              <th>Id</th>
              <th>Product Code</th>
              <th>Product Name</th>
              <th>Img Name</th>
              <th>Price</th>
              <th>Category Name</th>
              <th colspan="2">Action</th>
            </tr>
           </thead>
            <?php do { ?>
            <tbody>
              <tr>
                <td><?php echo $row_product_rec['id']; ?></td>
                <td><?php echo $row_product_rec['product_code']; ?></td>
                <td><?php echo $row_product_rec['product_name']; ?></td>
                <td><?php echo $row_product_rec['product_img_name']; ?></td>
                <td><?php echo $row_product_rec['price']; ?></td>
                <td><?php echo $row_product_rec['category_name']; ?></td>
         <td><a href="edit.php?id=<?php echo $row_product_rec['id'];?>"><img src="images/icon/edit2.gif" title="Edit"></a></td>

 <td><a href="delete.php?id=<?php echo $row_product_rec['id'];?>" class="delete"><img src="images/icon/delete3.png" title="Delete"></a></td>    
             </tr>
               </tbody>
              <?php } while ($row_product_rec = mysql_fetch_assoc($product_rec)); ?>

          </table>
      </div>

我编写了代码来初始化table.js文件中的数据表：

$(document).ready(function(){
      $("#producttable").dataTable();
 });

Jquery数据表无法正常工作

0 个答案: