0

我正在尝试按照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插件不会触发。我在萤火虫中看不到任何错误。我究竟做错了什么？

4

1 回答 1

1

您需要将插件应用于您的链接，而不是表格，使用：

$('#myDataTable a').editable();
于 2013-07-31T21:46:05.143 回答