Hi!

I am using wpdatatable very usefully.

But,

Problem occurred while doing some tests.

I used the below source code for wpdatatable callback test but it didn't work.

<script type="text/javascript">
jQuery(window).load(function(){  wpDataTables.table_1.addOnDrawCallback(  function(){   
 alert('Wdt Callback') 
 })
});
</script>

As the code did not work, I found that there was a problem with the J query code in the search results, and changed the source as shown below.

<script type="text/javascript">
$(window).on('load', function () {  wpDataTables.table_1.addOnDrawCallback(  function(){    alert('Wdt Callback')  })
});
</script>

Is there a solution to the problem?

Hi Aleksandar.

I have some troubles with this event from long time ago with some pages that I used it. But it is wear because it is not for all pages.

I try those different codes (trigger event) with the same result. 

//jQuery(window).load(function(){
//jQuery( document ).ready(function() {  
jQuery(window).on('load', function(){
     console.log(wpDataTables);   //*
     alert('stop');                                    /// **
     wpDataTables.table_1.addOnDrawCallback(  //***
          function(){
               jQuery("input[placeholder='Friend']").trigger('keyup');
     });
}); 

*  In this point wpDataTables does not exist. I can watch it in the console. So when  wpDataTables is invoked below, it got an error.

**  I put this in order to watch wpDataTables value before the page complete the load. 

*** Here I get and js error in console as below. 

Uncaught TypeError: Cannot read property 'addOnDrawCallback' of undefined
    at ?nocache:2468
    at dispatch (jquery.min.js?ver=3.5.1:2)
    at v.handle (jquery.min.js?ver=3.5.1:2)

This error has made me crazy for long time.

Any comment will be very appreciate.

Regards

Alejandro

Hi.

Sure, I can share the page but you must be loggen in on easyberry-iot.com and go to the page that has the error.

for now, I make the error disappear like this

function cep_events(){ 
     wpDataTables.table_1.addOnDrawCallback(
          function(){
               jQuery("input[placeholder='Friend']").trigger('keyup');
     });
}    
    
jQuery( document ).ready(function() {   
    setTimeout(cep_events,3000);

    .........

});

Creating a delay before create the event. 

Im not sure why I get this error, because until I know load jquery event can create an event even if the object does not exist. I did it before with other objects so. It is weird.

Alejandro