0

I am loading a function into a div using AJAX but I can't load in the scripts I need to run in the function.

How do I load scripts into an AJAX div?

My Javascript

(function($) {
$(document).on( 'click', 'a.mylink', function( event ) {
$.ajax({
url: testing.ajax_url,
    data : {
    action : 'diplay_user_table'
},
success : function( response ) {
    jQuery('#user_reponse').html( response );
}


})
})
})(jQuery);

My PHP

 add_action( 'wp_enqueue_scripts', 'ajax_test_enqueue_scripts' );
 function ajax_test_enqueue_scripts() {
 wp_enqueue_script( 'test', plugins_url( 'test.js', __FILE__ ),    
 array('jquery'), '1.0', true );
 wp_localize_script( 'test', 'testing', array(
'ajax_url' => admin_url( 'admin-ajax.php' )
));
}
add_action('wp_ajax_diplay_user_table', 'diplay_user_table');
function diplay_user_table() {
echo "function is loading in div";
}

I am trying to create this using AJAX to change what appears in table:

https://codepen.io/AurelieT/pen/JGxMgo

But anything that I run through function and output in div does not see the javascript needed to filter

3
  • When do you bind the event handlers to your markup? You have to use delegated events if the markup isn't present when the event handlers are bound.
    – Milo
    Jul 26, 2017 at 15:40
  • Hi Milo, thanks for reply.I am outputting just the table rows through ajax,but I have also tried the whole table and it does the same thing..
    – aido14
    Jul 27, 2017 at 0:20
  • Could you please show me an example of how delegation would work. Also I am actually opening a bootstrap tab on click too, would this matter. Here is the link: <a href='#modules-single' aria-controls='profile' role='tab' data-toggle='tab' class='mylink' data-id='".get_the_title( $lesson_id)."'>
    – aido14
    Jul 27, 2017 at 0:41

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.