Javascript 引导数据表-jquery onclick函数在第2页(分页)不起作用
我正在使用这个引导模板。我的表格有4页(分页),每页有10行Javascript 引导数据表-jquery onclick函数在第2页(分页)不起作用,javascript,jquery,twitter-bootstrap,pagination,datatables,Javascript,Jquery,Twitter Bootstrap,Pagination,Datatables,我正在使用这个引导模板。我的表格有4页(分页),每页有10行 $(".view").click(function(){ alert(attr("marks")); }); 此功能在第一页(分页)中正常工作。但从第二页开始就不起作用了。如果我删除id=“dataTable”,所有行都在1页中,并且工作正常。在这个问题上帮助我。提前谢谢 <!--Begin Datatables--> <div class="row">
$(".view").click(function(){
alert(attr("marks"));
});
此功能在第一页(分页)中正常工作。但从第二页开始就不起作用了。如果我删除id=“dataTable”,所有行都在1页中,并且工作正常。在这个问题上帮助我。提前谢谢
<!--Begin Datatables-->
<div class="row">
<div class="col-lg-12">
<div class="box">
<header>
<div class="icons">
<i class="fa fa-table"></i>
</div>
<h5>History</h5>
</header>
<div id="collapse4" class="body">
<table id="dataTable" class="table table-bordered table-condensed table-hover table-striped">
<thead>
<tr>
<th>ID </th>
<th>Time </th>
<th>Status code </th>
<th>Action </th>
</tr>
</thead>
<tbody>
<tr>
<td>12038</td>
<td>28 Jun 2014, 07:39:36 PM</td>
<td>6193</td>
<td><img marks="16" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12039</td>
<td>28 Jun 2014, 07:39:41 PM</td>
<td>8772</td>
<td><img marks="56" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12040</td>
<td>28 Jun 2014, 07:39:46 PM</td>
<td>3665</td>
<td><img marks="83" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12041</td>
<td>28 Jun 2014, 07:39:51 PM</td>
<td>8275</td>
<td><img marks="25" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12042</td>
<td>28 Jun 2014, 07:39:56 PM</td>
<td>4846</td>
<td><img marks="61" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12043</td>
<td>28 Jun 2014, 07:40:01 PM</td>
<td>1220</td>
<td><img marks="88" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12044</td>
<td>28 Jun 2014, 07:40:06 PM</td>
<td>1580</td>
<td><img marks="99" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12045</td>
<td>28 Jun 2014, 07:40:11 PM</td>
<td>4203</td>
<td><img marks="63" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12046</td>
<td>28 Jun 2014, 07:40:16 PM</td>
<td>8210</td>
<td><img marks="93" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12047</td>
<td>28 Jun 2014, 07:40:21 PM</td>
<td>2317</td>
<td><img marks="24" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12048</td>
<td>28 Jun 2014, 07:40:26 PM</td>
<td>7581</td>
<td><img marks="90" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12049</td>
<td>28 Jun 2014, 07:40:31 PM</td>
<td>3155</td>
<td><img marks="93" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12050</td>
<td>28 Jun 2014, 07:40:36 PM</td>
<td>5035</td>
<td><img marks="86" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12051</td>
<td>28 Jun 2014, 07:40:41 PM</td>
<td>9812</td>
<td><img marks="41" class="view" src="assets/img/icon/view.png"></td>
</tr>
<tr>
<td>12052</td>
<td>28 Jun 2014, 07:40:46 PM</td>
<td>1418</td>
<td><img marks="29" class="view" src="assets/img/icon/view.png"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><!-- /.row -->
<!--End Datatables-->
历史
身份证件
时间
状态码
行动
12038
2014年6月28日,晚上7:39:36
6193
12039
2014年6月28日,晚上7:39:41
8772
12040
2014年6月28日,晚上7:39:46
3665
12041
2014年6月28日,晚上7:39:51
8275
12042
2014年6月28日,晚上7:39:56
4846
12043
2014年6月28日,晚上7:40:01
1220
12044
2014年6月28日,晚上7:40:06
1580
12045
2014年6月28日,晚上7:40:11
4203
12046
2014年6月28日,晚上7:40:16
8210
12047
2014年6月28日,晚上7:40:21
2317
12048
2014年6月28日,晚上7:40:26
7581
12049
2014年6月28日,晚上7:40:31
3155
12050
2014年6月28日,晚上7:40:36
5035
12051
2014年6月28日,晚上7:40:41
9812
12052
2014年6月28日,晚上7:40:46
1418
试试看,如果分页是通过ajax在服务器端进行的,那么元素将动态呈现,因此在这种情况下,委派事件将执行以下任务:
$("#dataTable").on("click",".view",function(){
alert(attr("marks"));
});
尝试一下,如果分页是通过ajax在服务器端进行的,则元素将动态呈现,因此在这种情况下,委派事件将执行以下操作:
$("#dataTable").on("click",".view",function(){
alert(attr("marks"));
});
你好谢谢你的回复。它尝试不为任何页面工作。分页未使用ajax.hi。。谢谢你的回复。它尝试不为任何页面工作。分页不使用ajax。