javascript - JQuery Datatables. Can't get JQuery function to work after AJAX load -


here screencast of issue make clearer....

http://screencast.com/t/kxd8u1oa0yu6

this first project i'm trying head round ajax running few stumbling blocks.

i have datatable loads user details json output via ajax.

there "deactivate" button deactivates user account.

i have applied popconfirm id each row...

            <script type="text/javascript">                 $(document).ready(function() {                     $('#user_list').datatable( {                         statesave: true,                         "pagelength": 20,                         "ajax": {                             "url": "data/json_users_list.php",                             "datasrc": "",                         },                          "columns": [                             { "data": "profile_photo_path" },                             { "data": "namebulk" },                             { "data": "email" },                             { "data": "active" },                             { "data": "id"}                         ],                         "columndefs": [                             { sclass: "hidden-xs hidden-sm", "targets": [ 0 ] },                             { sclass: "user-name", "targets": [ 1 ] },                             { sclass: "hidden-xs hidden-sm", "targets": [ 2 ] },                             { sclass: "action-links", "targets": [ 3 ] },                             { "width": "1%", "targets": 0 },                             {                             "targets": [ 4 ],                             "visible": false,                             "searchable": false                         }                         ],                         "fnrowcallback": function( nrow, adata, idisplayindex ) {                               $('td:eq(0)', nrow).html('<div style="background: url(\''+adata.profile_photo_path+'\');" class="image-circle-50" id="'+adata.id+'-img"></div>');                               $('td:eq(1)', nrow).html('<a onclick="$(\'#menu\').load(\'users_edit.php?id='+adata.id+'\');" class="name edit" id="showmenu"><span id="'+adata.id+'-first_name">'+adata.first_name+'</span> <span id="'+adata.id+'-last_name">'+adata.last_name+'</span></a><span id="'+adata.id+'-username">'+adata.username+'</span>');                                $('td:eq(3)', nrow).html('<a onclick="$(\'#menu\').load(\'users_edit.php?id='+adata.id+'\');" id="showmenu" class="edit"><i class="linecons-pencil"></i>edit</a><a class="delete" id="deactivate"><i class="linecons-trash"></i>deactivate</a>');                                return nrow;                         },                     } );                      var mytable = $('#user_list').datatable();                      yadcf.init(mytable, [                         {column_number : 0, filter_type: 'none'},                         {column_number : 1, filter_type: 'text'},                         {column_number : 2, filter_type: 'text'}                     ]);                   } );             </script>

this specific line should initialase popconfirm

 <a class="delete" id="deactivate"><i class="linecons-trash"></i>deactivate</a>

the popconfirm js found here: https://github.com/ifnot/popconfirm

here code initialise popconfirm on id of "deactivate":

    <script type="text/javascript">         $(document).ready(function() {              // custom title, content , placement             $("#deactivate").popconfirm({                 title: "are sure?",                 content: "all previous records of user maintained on system consistency",                 placement: "left",                 nobtn: "cancel"             });         });     </script>

i have tried changing to:

$('#main-content').ready(function() {

and

$('body').ready(function() {

to make sure initialised appears in body or main-content div, still no luck....

am missing simple here, or popconfirm natively not going work this?

thanks

did add file in script tag: jquery.popconfirm.js in page? (see readme on https://github.com/ifnot/popconfirm)


Comments

Post a Comment

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

i'm trying link specific pdf page msoutlook'10 or msword'10, #page=... anchor particularly useful , works fine elsewhere. unfortunately when click [ctr-k] in outlook or winword, links re-formatted assuming unc path. pdf file located on shared drive. using "file:" prefix links open pdf in adobe reader (outside of browser), , "http:" open inside browser. issue seem need open in browser "file:" prefix in order anchor work. know anchors work inside browser. outlook uses windows/explorer default program (based on file extension) seems open in adobe reader neglecting anchor. is aware of solution, link specific page or bookmark of shared-pdf ms outlook and/or winword link? common references: mailermailer.com/...anchor-tags-html-emails campaignmonitor.com/...anchor-links-in-email-newsletters/ stackoverflow.com/...anchor-in-pdf-document
Read more

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

consider code: test = function() { } t = new test(); (var = 0; < 8; i++) { result = t instanceof test; } if change number of iterations 8 9 , loop take 100 times longer complete in latest version of firefox (41.0.1). tested on 2 different pcs , magic limit 8. here jsperf test used: http://jsperf.com/instanceof-8-times-vs-9-times does have idea why might happen? seems specific instanceof . not happen if else object, example check property. note: filed bugzilla bug this. jan de mooij mozilla team has posted details in bugzilla thread . here's simplistic interpretation of highly technical answers: in i < 8 case, firefox smart enough hoist result = t instanceof test; statement out of loop (according tests, doesn't seem omit altogether). in i < 9 case, apparently doesn't optimization . why? reason not clear, related fact 9 iterations threshold above function considered "hot" enough run through jit compiler. i < 8 cas...
Read more

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -

following this guide setup app on digital ocean droplet, not working. site not loading , it's throwing: "gateway time-out". the puma server works, since ps aux | grep puma prints: root 15878 0.0 0.4 376832 2168 ? sl 12:50 0:00 puma 2.13.4 (unix:///var/www/myapp/shared/tmp/sockets/myapp-puma.sock) [20150930164940] root 15881 0.0 0.7 903676 3692 ? sl 12:50 0:06 puma: cluster worker 0: 15878 [20150930164940] root 24654 0.0 0.1 11748 916 pts/2 s+ 18:00 0:00 grep --color=auto puma my nginx config: user root; worker_processes 1; events { worker_connections 1024; } http { upstream puma { server unix:///var/www/myapp/shared/tmp/sockets/myapp-puma.sock; } server { listen 80; server_name myapp.com; root /var/www/myapp/current/public; access_log /var/www/myapp/current/log/access.log; error_log /...
Read more