我正在尝试按照http://vitalets.github.io/x-editable/docs.html处的文档来实现x-editible库。我已经加载了我的codeigniter视图,下面的表中填充了来自单个数据库表记录的信息:
<table id="myDataTable" class="table table-bordered table-striped" style="clear: both">
<tbody>
<tr><td>id</td><td><a href="#" id="id" data-type="text" data-pk="2" data-url="/post" data-title="id">2</a></td></tr>
<tr><td>email</td><td><a href="#" id="email" data-type="text" data-pk="2" data-url="/post" data-title="email">A@B.COM</a></td></tr>
.....
.....
<script src='js/jquery.js'></script>
<script src="js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.5/bootstrap-editable/js/bootstrap-editable.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#myDataTable').editable();
$.fn.editable.defaults.mode = 'inline';
});
</script>
然而,当我点击表格中的链接时,就像在http://vitalets.github.io/x-editable/demo.html中一样,插件不会触发。我看到萤火虫没有错误。我做错了什么?
答案 0 :(得分:1)
您需要将插件应用于链接,而不是表格,请使用:
$('#myDataTable a').editable();