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. JavaScript sleep/wait before continuing [duplicate]
  21. JSON parsing error syntax error unexpected end of input
  22. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  23. How do I link a JavaScript file to a HTML file?
  24. What does [object Object] mean? (JavaScript)
  25. jQuery $(this) keyword
  26. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  27. How to set time delay in javascript
  28. Disable button in jQuery
  29. jQuery $(this) keyword
  30. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  31. Disable button in jQuery
  32. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  33. How to wait 5 seconds with jQuery?
  34. Submit a form using jQuery
  35. How to Handle Button Click Events in jQuery?
  36. How to enable CORS in flask
  37. How can I get the ID of an element using jQuery?
  38. jQuery equivalent of JavaScript’s addEventListener method
  39. Should I use .done() and .fail() for new jQuery AJAX code instead of success and error
  40. Pass request headers in a jQuery AJAX GET call
  41. $.ajax – dataType
  42. what does jQuery data() function do
  43. How to show loading spinner in jQuery?
  44. How can I get the ID of an element using jQuery?
  45. What is content-type and datatype in an AJAX request?
  46. jQuery Selector: Id Ends With?
  47. speedtest.net api
  48. jQuery dialog popup
  49. data.map is not a function
  50. How do you select a particular option in a SELECT element in jQuery?
  51. Set select option ‘selected’, by value
  52. Change Placeholder Text using jQuery
  53. Adding placeholder attribute using Jquery
  54. jQuery Ajax error handling, show custom exception messages
  55. How to send multiple data fields via Ajax?
  56. Adding an onclick function to go to url in JavaScript?
  57. Checking a Url in Jquery/Javascript
  58. Jquery change background color
  59. My javascript is returning this error: $.ajax is not a function
  60. Best way to store a key=>value array in JavaScript?
  61. jQuery if div contains this text, replace that part of the text
  62. Javascript Runtime error: $ is undefined
  63. Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
  64. jQuery set checkbox checked
  65. JavaScript: filter() for Objects
  66. What is different between $(document).on() and $(element).on()
  67. JavaScript runtime error: ‘$’ is undefined
  68. When and why to ‘return false’ in JavaScript?
  69. How to use jQuery qTip?
  70. Installing jQuery?
  71. Email validation using jQuery
  72. Order of $(document).load() and $(document).ready() when deferring loading js
  73. How to write jquery If else statement?
  74. Wildcards in jQuery selectors
  75. wait() or sleep() function in jquery?
  76. Download File Using jQuery
  77. jQuery: How can I create a simple overlay?
  78. JavaScript Loading Screen while page loads
  79. Jquery Ajax Posting JSON to webservice
  80. Force a default browser on my android phone using a simple html shortcut page
  81. Invalid or unexpected token on a very simple function
  82. Ajax TypeError: $.POST is not a function
  83. How can I display a tooltip message on hover using jQuery?
  84. Is jQuery $.browser Deprecated?
  85. Set selected option of select box
  86. jQuery date formatting
  87. Copy to clipboard using jquery?
  88. TypeError: $.ajax(…) is not a function?
  89. Format date to MM/dd/yyyy in JavaScript
  90. jquery loop on Json data using $.each
  91. How is JavaScript .on() method defined?
  92. how to use substr() function in jquery?
  93. How to change a text with jQuery
  94. XML Parsing Error: not well-formed in FireFox but good in Chrome
  95. Click button copy to clipboard
  96. jQuery animate scroll
  97. Rotate image with javascript
  98. Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
  99. What does “async: false” do in jQuery.ajax()?
  100. How to make html table vertically scrollable
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)