File not enqueueing

Question

I hate to add to the multitude of "script not enqueueing" questions, but I can't seem to figure out why my "tablesorter" scripts won't enqueue. The other script (customsjs) in the same directory is enqueuing nicely, but the tablesorter scripts won't.

function load_customs(){

    wp_enqueue_script( 'jquery-ui-datepicker');
    wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

    wp_register_script( 'customjs', plugins_url( '/js/site-customjs.js', __FILE__ ), array('jquery') );
    wp_enqueue_script( 'customjs' );

    wp_register_script( 'tablesorterjs', plugins_url( '/js/jquery.tablesorter.js', __FILE__ ), array('jquery') );
    wp_enqueue_script( ' tablesorterjs' );

    wp_register_script( 'tablesorterfunctions', plugins_url( '/js/tablesorter.js', __FILE__ ), array('jquery') );
    wp_enqueue_script( ' tablesorterfunctions' );

    wp_enqueue_style( 'tablesorter', plugins_url( '/css/tablesorter/style.css', __FILE__ ) );
}
add_action('wp_enqueue_scripts', 'load_customs');

I've verified that the files are in their appropriate location and the console in Chrome isn't throwing any errors.

To clarify - my problem is the TableSorter JS files not enqueueing. The TableSorter CSS file enqueues just fine.

Is anyone seeing what the problem might be? Thanks!

Answer 1

I found the problem with my enqueue statements. There was a space ahead of the handle name of the wp_enqueue_scripts statements for both "tablesorterjs" and "tablesorterfunctions". Once I removed the space in front of the handle name, the scripts enqueued.

wp_register_script( 'tablesorterjs', plugins_url( '/js/jquery.tablesorter.js', __FILE__ ), array('jquery') );
wp_enqueue_script( 'tablesorterjs' );

wp_register_script( 'tablesorterfunctions', plugins_url( '/js/tablesorter.js', __FILE__ ), array('jquery') );
wp_enqueue_script( 'tablesorterfunctions' );