Adding javascript to functions.php causes problems with my template

jQuery is already loaded with WordPress, so you won’t need <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

When using jQuery with WordPress, you’ll likely require no-conflict wrappers : https://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

There are likely JS errors being outputted in your browser console, so giving us more info on errors can prove useful as well.

There is definitely a better way – starting with this guide for enqueuing Javascript should give you solid grounds to understanding WP scripts a little better : http://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/

Related Posts:

  1. new to javascript – using in instead of functions.php, not loading correctly
  2. Add tags to the section via functions.php
  3. Where and how to put inline js in pages
  4. Does WordPress Development Mode Exist (with not minified JS)?
  5. Apply jquery script to only woocommerce product pages and categories
  6. Change meta tags programatically
  7. Run Product Filter Javascript On Page Template
  8. Enqueuing External Javascript functions.php
  9. How to enqueue JavaScript for specific WordPress pages only?
  10. How to add iOS & fav icons to the theme?
  11. Defer all js except certain ones in functions.php file
  12. Enqueuing Script in functions.php vs on the page
  13. Properly applying nonce to a form using AJAX
  14. Clean-up script tags
  15. Search user metadata with checkboxes via ajax (almost working)
  16. Trying to inject twitter metadata into using wp_head action in functions.php – get_the_excerpt() returns null
  17. wp_enqueue JavaScript in child-theme (ReferenceError) using Search & Go
  18. Why is my Gutenberg block returning an error after initial save?
  19. jquery won’t load in footer
  20. How do I edit wp_head and/or functions.php to remove rss-feed which isnt used and dont validate?
  21. How to properly add NPM packages and integrate them in WordPress?
  22. How to filter a table in post content without plugins? [closed]
  23. Get Current User info using wp_localize_script, in functions.php
  24. How to get the post_name when in preview?
  25. Replace menu links with # and add name to its li
  26. wp_is_mobile dequeue not working
  27. Why won’t my scripts load?
  28. Loading CDN that requires jQuery in WordPress
  29. How to hide unused profile fields?
  30. wp_register_script(… $in_footer = true) not working
  31. Passing a variable via wp_head and then calling it on the page
  32. Scripts not appending to element in AJAX call – why?
  33. call of javascript function to external url always blocked by cors
  34. Including a specific Javascript Script in a template. Is my code correct?
  35. How to search using ajax for exact phrase or words in an input field?
  36. how to en-queue jQuery to load before the tag
  37. Overwriting the menu break points of twentysixteen in child theme
  38. How do I remove the date and category form my portfolio pages
  39. I can’t enqueue my scripts – They literally aren’t being added to my site
  40. Remove adjacent_posts_rel_link under 3.2?
  41. Javascript function not working when placed in Text Block
  42. I have problems with loading javascripts
  43. Auto Generated HTML source code formatting
  44. Dequeue script to prevent javascript event conflict on wordpress child theme
  45. javascript and css links not working on sever
  46. Run a jquery script on on a certain template page
  47. Enable right click on WordPress site
  48. How can I pass a shortcode value to the head in wordpress functions.php
  49. The correct way to add a JavaScript in the functions.php [closed]
  50. Different favicon on different pages
  51. Javascript not loading after the document ready
  52. Theme JS is available but theme CSS isn’t
  53. Auto scroll to id on page load on all pages except home page. Only do this on mobile
  54. Need help with customalert that it would read on a normal page, but not in WordPress
  55. How to load jQuery in TOP of wp_footer?
  56. Include Jquery libraries in wordpress theme?
  57. Linking Javascript in functions.php file
  58. Dequeue scripts in IE7 only using functions.php
  59. Why a SlideShow (made using JQuery FlexSlider) can’t work if I load it form functions.php but work if I load it from my footer.php file? [closed]
  60. Function to echo (or display?) wordpress tags in the head section
  61. Creating a custom wordpress widget and stopping js from running twice(once in active widget once in widget selector)?
  62. How do I find the code executed when wp_head() is called?
  63. How to setup a popup registeration page in wordpress with function.php
  64. colorbox not loading in
  65. Custom attributes to javascript tags
  66. wp_enqueue_script() not working
  67. How to change text color depending on the number value (Using javascript)
  68. Add custom taxonomy using JS in post editor
  69. wp_set_object_term via js btn frontend
  70. Display Script in Header When URL Variable Present
  71. Running javascript without hooking wp_head
  72. Hide author info in single posts by certain users
  73. Ajax in plugin fails – but only on one blog – no idea why
  74. How to add javascript code into Divi child theme?
  75. Changing the default view of “The Events Calendar” for mobile
  76. How To Display Author Popup on Entry Meta (Genesis Framework)?
  77. Help wiht adding fullcalendar.io to a WordPress page
  78. Multiple Notifications SetInterval
  79. Placing CSS/ JS into the header or footer (inline) – trying to apply to several templates
  80. Edit meta fields from within template
  81. Get child-pages slugs of current page into js-file
  82. admin-ajax.php & my wp-admin folder url showing in header
  83. wordpress ajax is not working for dropdown selection
  84. Javascript and Stylesheet in child page
  85. Search and Replace Script Loader in Head Only Works in Footer
  86. custom COOKIE on custom page
  87. custom post with loading script per single post
  88. Why are some custom javascript files working but some are not
  89. WordPress Javascript Widget jQuery Dependency Issue
  90. java script error Uncaught SyntaxError: Unexpected token ILLEGAL
  91. Echo a div to header.php from functions.php
  92. How do I get my nav menu to show sub pages?
  93. Why wp_ajax hooks doesn’t work?
  94. comment_post function with js not running
  95. Animated Accordion [closed]
  96. wp_head not injecting css
  97. Get all users from role and add to dropdown (select) – wordpress, javascript
  98. Can’t find function which is called in a wordpress theme
  99. dynamically import array from another js file in WordPress
  100. WordPress enque the same script causes the setInterval not to work