2013-07-31 31 views
0

我試圖按照http://vitalets.github.io/x-editable/docs.html的文檔實現x-editible庫。我已加載我笨查看以下表格從單個數據庫表的記錄充滿了信息提供:X-editible jquery插件沒有觸發

<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">[email protected]</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的pl ugin不會開火。我發現在螢火蟲中沒有錯誤。我究竟做錯了什麼?

+0

嘗試'$( '#myDataTable一個')編輯();' –

+0

謝謝,這工作。你想把它作爲答案嗎? – user61629

回答

1

您需要的插件應用到你的鏈接,而不是表,使用:

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

感謝您的解釋 – user61629