X-editable jquery插件没有触发

时间:2013-07-31 21:26:02

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:1)

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

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