'Need help using a JQRangeSlider in a webpage?

I'm attempting to insert a few jQRangeSlider(s) and a jQDateRangeSlide on a webpage and get the results. I've downloaded the package from github however I can't find a complete example of how to implement the sliders into a webpage. I typically learn by reading through others code and figure out how it works. Does anyone of a tutorial that outlines the steps to add these to a webpage or some sample code? I'm still quite new to javascript and sometimes the lingo goes over my head. Thank you!

Update: This is what I've put together so far from following a "tutorial" that I located. Any thoughts on how I can get it to work? `

<html>
<head>
<title>Slider test</title>
<link rel="stylesheet" href="jQRangeSlider-master/css/iThing.css" type="text/css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="jQRangeSlider-master/demo/lib/jquery-ui/js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="jQRangeSlider-master/jQRangeSlider.js"></script>
<script>
    $("#slider").rangeSlider({
        bounds: {min: 0, max: 100}
    });
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>`
htmljquery-ui


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions