javascript - X-editible jquery plugin not firing -


i'm trying implement x-editible library following docs @ http://vitalets.github.io/x-editable/docs.html. have loaded codeigniter view following table filled info single database table record:

<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> 

however when click on link in table,like in http://vitalets.github.io/x-editable/demo.html plugin not fire. see no errors in firebug. doing wrong?

you need apply plugin links, not table, use:

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

Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -