Installed via NPM: Uncaught TypeError: $(...).ionRangeSlider is not a function about ion.rangeslider HOT 5 OPEN

same problem. I don't know how to solve it

from ion.rangeslider.

The same here.

from ion.rangeslider.

Assuming you included all the dependencies. Here is my approach in a separate js file that I included in my HTML file. It works for me.

"use strict";
var range_slider_custom = {
	init: function () {
			$("#my-slider").ionRangeSlider({
				type: "double",
				skin: "round",
				grid: false,
				min: 0,
				max: 5000,
				keyboard: true,
				hide_min_max: true,
				onChange: function (data) {
					var min = document.getElementById("min_price");
					var max = document.getElementById("max_price");
					min.setAttribute("placeholder", data.from);
					max.setAttribute("placeholder", data.to);
				},
			}),		
	},
};
(function ($) {
	"use strict";
	range_slider_custom.init();
})(jQuery);

I hope that is helpful. Make sure you include all js files in correct order and add them as type="module"

from ion.rangeslider.

this issue reproduces for me too: i upgraded to angular 15, and bootstrap 5, and i started getting this error:
...ERROR TypeError: this.$(...).ionRangeSlider is not a function

from ion.rangeslider.

I encountered a similar problem when I connected jQuery via CDN and imported it into a Vue project at the same time. I recommend checking all jQuery connections in the project.

from ion.rangeslider.