Enqueuing Javascript Files Help!

ffdmatt · Member · Aug 6, 2016 at 9:27 pm
Copy link

Add topic to favorites
Hello!

I had used a template in dreamweaver and when moving it over to my wordpress the javascript was a little messed up.

I was able to get it to work by just simply adding
“<script src=”/js/example.js”></script>” codes into the footer.

I know that I need to enqueue them in functions, but when I do that it doesnt end up working. I don’t want to keep them inlined like they are .. its already running into problems.

Does anyone know how to convert the following Javascript load pattern to enqueue functions? I’m assuming i’m screwing up on dependencies.

Here is the code:

<!–
JavaScripts
========================== –>
<script src=”/js/vendor/modernizr-2.6.2.min.js”></script>
<script src=”/js/vendor/jquery.min.js”></script>
<script src=”/js/bootstrap.min.js”></script>
<script src=”/js/bootstrap-progressbar.min.js”></script>
<script src=”/js/bowser.min.js”></script>
<script src=”/js/form.min.js”></script>
<script src=”/js/instafeed.min.js”></script>
<script src=”/js/isotope.pkgd.min.js”></script>
<script src=”/js/jflickrfeed.min.js”></script>
<script src=”/js/jquery.countdown.min.js”></script>
<script src=”/js/jquery.flexslider-min.js”></script>
<script src=”/js/jquery.gray.min.js”></script>
<script src=”/js/jquery.hoverdir.js”></script>
<script src=”/js/jquery.magnific-popup.min.js”></script>
<script src=”/js/jquery.mb.YTPlayer.min.js”></script>
<script src=”/js/jquery.nicescroll.min.js”></script>
<script src=”/js/jquery.nivo.slider.pack.js”></script>
<script src=”/js/jquery.pagepiling.min.js”></script>
<script src=”/js/jquery.parallax-1.1.3.js”></script>
<script src=”/js/jquery.simple-text-rotator.min.js”></script>
<script src=”/js/jquery.singlePageNav.min.js”></script>
<script src=”/js/jquery.sticky.js”></script>
<script src=”/js/jquery-countTo.js”></script>
<script src=”/js/jquery-easing-1.3.js”></script>
<script src=”/js/jquery.appear.js”></script>
<script src=”/js/jquery.easypiechart.min.js”></script>
<script src=”/js/jquery-validation.min.js”></script>
<script src=”/js/jribbble.min.js”></script>
<script src=”/js/owl.carousel.min.js”></script>
<script src=”/js/retina.js”></script>
<script src=”/js/selectize.min.js”></script>
<script src=”/js/slick.min.js”></script>
<script src=”/js/tweetie.min.js”></script>
<script src=”/js/twitterfeed.js”></script>
<script src=”/js/wow.min.js”></script>
<script src=”/js/zoomsl-3.0.min.js”></script>
<script src=”/js/main.js”></script>

That worked in footer.php ..

Here is my ATTEMPT at enqueue scripts:

wp_register_script( ‘bootstrap-progressbar’, get_template_directory_uri() . ‘/js/bootstrap-progressbar.min.js’, false, null, true);
wp_enqueue_script(‘bootstrap-progressbar’);

wp_register_script( ‘instafeed’, get_template_directory_uri() . ‘/js/instafeed.min.js’, false, null, true);
wp_enqueue_script(‘instafeed’);

wp_register_script( ‘jribbble’, get_template_directory_uri() . ‘/js/jribbble.min.js’, false, null, true);
wp_enqueue_script(‘jribbble’);

wp_register_script( ‘jflickrfeed’, get_template_directory_uri() . ‘/js/jflickrfeed.min.js’, false, null, true);
wp_enqueue_script(‘jflickrfeed’);

wp_register_script( ‘jquery-countdown’, get_template_directory_uri() . ‘/js/jquery.countdown.min.js’, false, null, true);
wp_enqueue_script(‘jquery-countdown’);

wp_register_script( ‘jquery-flexslider’, get_template_directory_uri() . ‘/js/jquery.flexslider-min.js’, false, null, true);
wp_enqueue_script(‘jquery-flexslider’);

wp_register_script( ‘jquery-gray’, get_template_directory_uri() . ‘/js/jquery.gray.min.js’, false, null, true);
wp_enqueue_script(‘jquery-gray’);

wp_register_script( ‘jquery-hoverdir’, get_template_directory_uri() . ‘/js/jquery.hoverdir.js’, false, null, true);
wp_enqueue_script(‘jquery-hoverdir’);

wp_register_script( ‘jquery-magnific-popup’, get_template_directory_uri() . ‘/js/jquery.magnific-popup.min.js’, false, null, true);
wp_enqueue_script(‘jquery-magnific-popup’);

wp_register_script( ‘jquery-nicescroll’, get_template_directory_uri() . ‘/js/jquery.nicescroll.min.js’, false, null, true);
wp_enqueue_script(‘jquery-nicescroll’);

wp_register_script( ‘jquery-nivoslider’, get_template_directory_uri() . ‘/js/jquery.nivo.slider.pack.js’, false, null, true);
wp_enqueue_script(‘jquery-nivoslider’);

wp_register_script( ‘jquery-pagepiling’, get_template_directory_uri() . ‘/js/jquery.pagepiling.min.js’, false, null, true);
wp_enqueue_script(‘jquery-pagepiling’);

wp_register_script( ‘jquery-parallax’, get_template_directory_uri() . ‘/js/jquery.parallax-1.1.3.js’, false, null, true);
wp_enqueue_script(‘jquery-parallax’);

wp_register_script( ‘jquery-simpletext’, get_template_directory_uri() . ‘/js/jquery.simple-text-rotator.min.js’, false, null, true);
wp_enqueue_script(‘jquery-simpletext’);

wp_register_script( ‘jquery-singlepage’, get_template_directory_uri() . ‘/js/jquery.singlePageNav.min.js’, false, null, true);
wp_enqueue_script(‘jquery-singlepage’);

wp_register_script( ‘jquery-sticky’, get_template_directory_uri() . ‘/js/jquery.sticky.js’, false, null, true);
wp_enqueue_script(‘jquery-sticky’);

wp_register_script( ‘jquery-countTo’, get_template_directory_uri() . ‘/js/jquery-countTo.js’, false, null, true);
wp_enqueue_script(‘jquery-countTo’);

wp_register_script( ‘jquery-easing’, get_template_directory_uri() . ‘/js/jquery-easing-1.3.js’, false, null, true);
wp_enqueue_script(‘jquery-easing’);

wp_register_script( ‘jquery-appear’, get_template_directory_uri() . ‘/js/jquery.appear.js’, false, null, true);
wp_enqueue_script(‘jquery-appear’);

wp_register_script( ‘jquery-pie’, get_template_directory_uri() . ‘/js/jquery.easypiechart.min.js’, false, null, true);
wp_enqueue_script(‘jquery-pie’);

wp_register_script( ‘jquery-validation’, get_template_directory_uri() . ‘/js/jquery-validation.min.js’, false, null, true);
wp_enqueue_script(‘jquery-validation’);

wp_register_script( ‘slick’, get_template_directory_uri() . ‘/js/slick.min.js’, false, null, true);
wp_enqueue_script(‘slick’);

wp_register_script( ‘twitterfeed’, get_template_directory_uri() . ‘/js/twitterfeed.js’, false, null, true);
wp_enqueue_script(‘twitterfeed’);

wp_register_script( ‘retina’, get_template_directory_uri() . ‘/js/retina.js’, false, null, true);
wp_enqueue_script(‘retina’);

wp_register_script( ‘retina’, get_template_directory_uri() . ‘/js/retina.js’, false, null, true);
wp_enqueue_script(‘retina’);

wp_register_script( ‘jquery-easing’, get_template_directory_uri() . ‘/js/jquery-easing-1.3.js’, false, null, true);
wp_enqueue_script(‘jquery-easing’);

wp_register_script( ‘isotope’, get_template_directory_uri() . ‘/js/isotope.pkgd.min.js’, false , null, true);
wp_enqueue_script(‘isotope’);

wp_register_script( ‘owl’, get_template_directory_uri() . ‘/js/owl.carousel.min.js’, false, null, true);
wp_enqueue_script(‘owl’);

wp_register_script( ‘form’, get_template_directory_uri() . ‘/js/form.min.js’, false, null, true);
wp_enqueue_script(‘form’);

wp_register_script( ‘wow’, get_template_directory_uri() . ‘/js/wow.min.js’, false, null, true);
wp_enqueue_script(‘wow’);

wp_register_script( ‘tweetie’, get_template_directory_uri() . ‘/js/tweetie.min.js’, false, null, true);
wp_enqueue_script(‘tweetie’);

wp_register_script( ‘bowser’, get_template_directory_uri() . ‘/js/bowser.min.js’, false, null, true);
wp_enqueue_script(‘bowser’);

wp_register_script( ‘zoomsl’, get_template_directory_uri() . ‘/js/zoomsl-3.0.min.js’, false, null, true);
wp_enqueue_script(‘zoomsl’);

wp_register_script( ‘main’, get_template_directory_uri() . ‘/js/main.js’, false, null, true);
wp_enqueue_script(‘main’);

any idea what I can do? I can provide a lot more info if necessary. I’m hosting on a local server using MAMP so I cant just link it.
houstonweaver · Member · Aug 7, 2016 at 6:30 pm
Copy link
This forum is for websites hosted here at WordPress.com. It sounds like you are hosting a WordPress install on a local server.

There are two versions of WordPress. https://en.support.wordpress.com/com-vs-org/

For support on your issue, visit the forums over at WordPress.org.

https://wordpress.org/support/

No items found.