Why Won’t my jQuery Play Nice with WordPress?

WordPress automatically loads jQuery in “no conflict” mode so that it will be compatible with other libraries. This means the $ variable isn’t used for jQuery within WordPress.

Rewrite your code to use the full jQuery keyword when you begin your closure like this:

jQuery(document).ready(function($) {

    // ... other code in here

});

This is functionally the same as $(document).ready(function() { but uses the full name of the jQuery object to avoid noConflict issues. By passing jQuery in to the closure as the $ variable you can then use $ like normal inside the closure.

Related Posts:

  1. Creating Multiple wp_localize_script for Shortcode?
  2. Add custom shortcode button to Editor
  3. call shortcode in javascript
  4. Including javascript for a shortcode
  5. Localize variable for multiple Shortcodes
  6. How disable checkbox when listbox value changes in tinymce
  7. Creating multiple enclosing shortcodes and fixing JS issues on click
  8. WP UI style within shortcode – Any Suggestions?
  9. Reload wordpress shortcodes
  10. include shortcode values in Thickbox form
  11. Populating shortcode values dynamically in theme template
  12. Nested Gallery Shortcode INTERMITTENTLY working
  13. Change shortcode value by jquery in WP Editor
  14. echo do_shortcode for Contact Form 7 from within dynamically loaded php file
  15. How to add shortcode to show/hide press releases?
  16. Uncaught TypeError: undefined is not a function (shortcode-box)
  17. Append jquery script for each [partners] shortcode with specified values
  18. Create a short code that inserts js
  19. jQuery not working for tabs shortcode [closed]
  20. JSON parsing error syntax error unexpected end of input
  21. jQuery Selector: Id Ends With?
  22. jQuery dialog popup
  23. Change Placeholder Text using jQuery
  24. Click button copy to clipboard
  25. $(document).on(“click”… not working?
  26. How to read data From *.CSV file using javascript?
  27. how to loop through JSON array in jQuery?
  28. jQuery – how to write ‘if not equal to’ (opposite of ==)
  29. jQuery get the image src
  30. Get element type with jQuery
  31. how to define variable in jquery
  32. Enqueue core jQuery in the footer?
  33. How to correctly include jquery-ui effects on wordpress
  34. Check if user is logged in using JQuery
  35. I want to enqueue a .js file to my child theme
  36. How to prevent WordPress from loading the jQuery library at the top of the page
  37. Adding jquery and thickbox to WordPress theme
  38. WooCommerce single product edit flexslider settings
  39. jquery & ajax getting data to php in wordpress
  40. AJAX returns response 0
  41. WordPress Featured Post Slider
  42. possible to make sections in theme customizer sortable and saveable at publish button clicked?
  43. adding the full image path to a wordpress javascript file
  44. Unable to run jQuery script in my template file
  45. Modify this loop to fit my jQuery slider (slides)
  46. validate a metabox based on the category that is selected
  47. wp_mail very slow
  48. Unable to uncheck checkbox with jquery in wp admin
  49. Front-end Ajax File Upload
  50. jQuery.accordion isn’t a function even when enqueued
  51. How to put JQuery/Ajax inside shortcode?
  52. jQuery ajax call throws an HTTP 302
  53. WordPress function not being called from jQuery method
  54. How Can I Add “New” Lazy Load Images To NewsPaper WP Theme? [closed]
  55. WooCommerce Ajax Cart Update Stopped Working
  56. WordPress AJAX Load More function duplicating a post
  57. Sorting widget control
  58. Enque Javascript in Footer?
  59. Using Bootstrap Switch with WordPress
  60. wp_enqueue_ scripts
  61. JS news ticker is not working on home page but working on other pages. How to solve this?
  62. jquery does’t work
  63. WP Customizer compare and set a value via javascript
  64. Plugin Scripts no loading on options page
  65. Is there some way to refactor this jQuery wrapper?
  66. Wp theme Jquery conflict with plugins that use jquery
  67. Using jquery and javascript in WordPress
  68. Loading external jQuery files with $
  69. fill form fields with ajax response
  70. Adding custom cart price with Ajax in wordpress
  71. Bootstrap modal with jQuery post [closed]
  72. Multiple selec2.js file loaded by several plugins
  73. How to declare/provide file path in JQuery which is emeeded in the WordPress theme
  74. Name of JQuery technique used on this site [closed]
  75. Drag and Drop Metadata Menu Order
  76. need jquery help
  77. How to enable read more by default using jquery
  78. Show More Show Less – Not Working
  79. Trying to add google ad onclick to wordpress and Divi buttons and header link
  80. how to allow download after newsletter subscription?
  81. How to insert fancybox to multiple separate galleries in a post?
  82. jQuery Plugin Uncaught TypeError: jQuery(…).slider is not a function
  83. How to use jQuery plugin
  84. Notify user we would like them to clear their cookie. Provide a working button to clear cookies for user
  85. Call full image url instead of stylsheet directory url in JS for Infinite Scroll Function
  86. Passing variable data from external jQuery file to options.php
  87. Custom Javascript not working? [closed]
  88. Uncaught TypeError: Cannot read property ‘ajax’ of undefined
  89. :first-child applying to all links [closed]
  90. Ajax autocomplete based on usercode
  91. Jquery script not loading on site Front page
  92. Trying to override/intercept a PhotoMosaic gallery link in WordPress using jQuery
  93. Get selected value with PHP and jQuery
  94. Javascript block in Twenty Twelve theme
  95. Can’t get this jQuery snippet to work with WordPress
  96. Javascript Loading Effect to URLs
  97. How to combine jQuery in-place editor with $wpdb->update
  98. Does anyone know how to load jquery in the footer?
  99. Use WordPress Built In Jquery
  100. Enqueued jQuery not working