在function.php中排队脚本后，Javascript无法在wordpress上运行

Question

I want to add a javascript file but it is not working. I am using the Avada theme. I put this at the top of my functions.php document. I saved the but I do not see it in the source code on the page. I am trying to get the script to work on this page: http://192.185.2.154/~sogo/tempsourceoneevents.com/exhibitor-services/build-a-booth/

The code in functions.php

<?php

function my_scripts_method() {
    wp_enqueue_script(
        'custom-script',
        get_template_directory_uri() . '/js/bab.js',
        array( 'jquery' )
    );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

The answer to my problem was in the comments by @adeneo, I needed to edit my javascript file

"Nope, you can replace $(document).ready with jQuery(function($) { ... }); in Wordpress, that locks the value of the dollarsign in, so you can use the dollarsign inside that DOM ready function."

Answer 1

Try this code..

You need to add jquery library first

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript" src="http://192.185.2.154/~sogo/tempsourceoneevents.com/wp-content/uploads/bab.js"></script>