我試圖從jQuery表(從http://www.datatables.net)的MySQL表中顯示數據。使用純HTML文本,jQuery表格功能可以完美地工作,但是隻要我從數據庫中提取數據,所有jQuery表格功能就會停止工作(排序,搜索,分頁等)。PHP/MySQL查詢禁用jQuery的功能
我已經使用Google首先開始構建我自己的分頁功能,但後來我意識到桌面上的所有jQuery功能都被禁用了,所以我假設我的代碼中的某些內容禁用了這些功能。
我放在下面的全表代碼:
<!-- table -->
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header" data-original-title>
<h2><i class="halflings-icon user"></i><span class="break"></span>Tickets</h2>
<div class="box-icon">
<a href="#" class="btn-setting"><i class="halflings-icon wrench"></i></a>
<a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
<a href="#" class="btn-close"><i class="halflings-icon remove"></i></a>
</div>
</div>
<div class="box-content">
<?php
$username="dbusername";
$password="password";
$database="dbname";
mysql_connect(localhost,$username,$password);
@mysql_select_db($database) or die("Unable to select database");
$query="SELECT * FROM jobs ORDER BY job_date DESC LIMIT 50";
$result=mysql_query($query);
$num=mysql_numrows($result);
mysql_close();
?>
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>Name</th>
<th>Job</th>
<th>Date</th>
<th>Time</th>
<th>Actions</th>
</tr>
</thead>
<?php
$i=0;
while ($i < $num) {
$f1=mysql_result($result,$i,"job_id");
$f2=mysql_result($result,$i,"job_title");
$f3=mysql_result($result,$i,"job_duration");
$f4=mysql_result($result,$i,"job_rigid");
$f5=mysql_result($result,$i,"job_userid");
?>
<tbody>
<tr>
<td><?php echo $f1; ?></td>
<td class="center"><?php echo $f2; ?></td>
<td class="center"><?php echo $f3; ?></td>
<td class="center"><span class="label label-success"><?php echo $f4; ?></span>
</td>
<td class="center">
<a class="btn btn-success" href="#">
<i class="halflings-icon zoom-in halflings-icon"></i>
</a>
<a class="btn btn-info" href="#">
<i class="halflings-icon edit halflings-icon"></i>
</a>
<a class="btn btn-danger" href="#">
<i class="halflings-icon trash halflings-icon"></i>
</a>
</td>
</tr>
</tbody>
<?php
$i++;
}
?>
</table>
</div>
</div><!--/span-->
</div><!--/row-->
<!-- end: Content -->
</div><!--/#content.span10-->
</div><!--/fluid-row-->
任何人都可以bootstrap-datatable? – John