Question

我正在尝试按照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中一样，插件不会触发。我看到萤火虫没有错误。我做错了什么？

Answer 1

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

$('#myDataTable a').editable();

X-editable jquery插件没有触发

1 个答案: