Uncaught TypeError: jQuery(…).slider is not a function

The error message is clear; the function is not exist. It would help if you looked at your dependencies. You need jQuery Core, the jQuery UI library, and the jQuery Slider library. But no worries, you should use the dependency handling from WP API via wp_enqueue_script and his internal handles to load in the correct order.

wp_register_script(
    'your-jquery-slider',
    plugin_dir_url( __FILE__ ) . './js/your-jquery-slider.js',
    [
        'jquery-ui-core',
        'jquery-ui-slider',
    ]
);
wp_enqueue_script( 'your-jquery-slider' );

With these parameters, you make sure that the libraries are in place and right order. The handle jquery is not necessary, because the WP API define jQuery as dependency for jquery-ui-core, see this documentation table. The jQuery UI Effects are not included with the jquery-ui-core handle, so you need the handle for the slider jquery-ui-slider.

Note. Use the register function and then enqueue to give other plugins the chance to remove them, is clean, and have more control for everyone.

Related Posts:

  1. keycode 13 is for which key
  2. WordPress 5.5 – ReferenceError: commonL10n is not defined error
  3. WordPress loads whole jQuery UI library
  4. Error – Uncaught TypeError: e.dispatchEvent is not a function
  5. Cross-Origin Read Blocking (CORB)
  6. How to replace innerHTML of a div using jQuery?
  7. What does [object Object] mean?
  8. Remove class using jQuery
  9. How do I check whether a checkbox is checked in jQuery?
  10. How to make history.back() without getting a warning on the browser to reload the page?
  11. convert Hsl to rgb and hex
  12. JQuery – $ is not defined
  13. How can I refresh a page with jQuery?
  14. How can I refresh a page with jQuery?
  15. Getting Error “Form submission canceled because the form is not connected”
  16. How to add jQuery code into HTML Page
  17. What does jQuery.fn mean?
  18. Bootstrap Dropdown menu is not working
  19. ajax jquery simple get request
  20. jquery SlideToggle effect in upward direction?
  21. How can I determine if a variable is ‘undefined’ or ‘null’?
  22. jQuery AJAX cross domain
  23. Set timeout for ajax (jQuery)
  24. How can I upload files asynchronously with jQuery?
  25. How do I format date in jQuery datetimepicker?
  26. How to use npm jquery module?
  27. Jquery swipe left or right on mobile
  28. How to move an element into another element?
  29. SecurityError: Blocked a frame with origin from accessing a cross-origin frame
  30. What is causing the error `string.split is not a function`?
  31. bootstrap-datetimepicker for bootstrap 4
  32. Proper way to wait for one function to finish before continuing?
  33. Uncaught TypeError: data.push is not a function
  34. How do I get an element to scroll into view, using jQuery?
  35. Uncaught TypeError: Cannot read property ‘top’ of undefined
  36. How do I check if string contains substring? [duplicate]
  37. How to check a radio button with jQuery?
  38. Get current URL with jQuery?
  39. explode string in jquery
  40. TypeError: $(…).modal is not a function with bootstrap Modal
  41. document.getElementsByClassName().innerHTML always returns “undefined”
  42. jQuery: Check if div with certain class name exists
  43. HTML text input allow only numeric input
  44. Why is this jQuery click function not working?
  45. How to use jQuery in chrome extension?
  46. How to uncheck a radio button?
  47. Phone mask with jQuery and Masked Input Plugin
  48. JQuery get all elements by class name
  49. How to change value of object which is inside an array using JavaScript or jQuery?
  50. How to detect pressing Enter on keyboard using jQuery?
  52. Attaching ‘onclick’ event to D3 chart background
  53. The preferred way of creating a new element with jQuery
  54. What is jQuery Unobtrusive Validation?
  55. CreateElement with id?
  56. Set value of hidden input with jquery
  57. Creating a div element in jQuery
  58. Bootstrap popover is not working
  59. How to display raw JSON data on a HTML page
  60. Get class list for element with jQuery
  61. Convert array to JSON
  62. How to disable scrolling temporarily?
  63. How do you remove all the options of a select box and then add one option and select it with jQuery?
  64. Add and remove multiple classes in jQuery
  65. jQuery: Get selected element tag name
  66. Why is jquery show() not working in example
  67. How can I use jQuery to run MySQL queries?
  68. Complex JSON nesting of objects and arrays
  69. jQuery – Increase the value of a counter when a button is clicked
  70. Print a div content using Jquery
  71. Get the size of the screen, current web page and browser window
  72. How can JavaScript save to a local file?
  73. How to reload/refresh jQuery dataTable?
  74. How to find if div with specific id exists in jQuery?
  75. TypeError: $ is not a function WordPress
  76. Fully responsive HTML5 video
  77. HTML anchor link – href and onclick both?
  78. How can I know which radio button is selected via jQuery?
  79. jquery toggleClass not working
  80. JQuery Number Formatting
  81. How to add jQuery in JS file
  82. Get query string parameters url values with jQuery / Javascript (querystring)
  83. How to use aria-expanded=”true” to change a css property
  84. Include jQuery UI as a whole
  85. How do I get my page to load the jQuery UI Effects library?
  86. Resolving Javascript errors likely related to Gantry framework
  87. AJAX not Working with php as supposed
  88. is_page_template() written in jquery/javascript
  89. How to load an additional script for a block in the block editor?
  90. Cannot use characters ” in jQuery script in WordPress
  91. jQuery UI Tools (Flowplayer) Issues
  92. On click load iframe [closed]
  93. Widgets and Post/Page edit/new blank, console errors only, no server errors
  94. ‘ajaxurl’ is undefined — wp-includes/js/wp-lists.js
  95. What to include to use jQuery UI Auto Complete
  96. How to set javascript options for select2 in PHP array of plugin
  97. how to prevent added meta box from being injected with style=”position: fixed; top: 56px;” at scroll down
  98. Remove escape characters from JSON string pulled from a database
  99. JavaScript errors
  100. Uncaught ReferenceError: tippy is not defined