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
Post a Comment