soundar24 / roundSlider

roundSlider - A free jQuery plugin
https://roundsliderui.com/
MIT License
267 stars 80 forks source link

.roundSlider is not a function #113

Closed Tahir-Musharraf closed 3 years ago

Tahir-Musharraf commented 3 years ago

.roundSlider is a function that works in the local environment but shows an error on the live server (webflow). I'm setting the value of the slider using setValue attributes.

$("#slider_up").roundSlider("setValue", value*(2500));

soundar24 commented 3 years ago

@Tahir-Musharraf Are you getting this error? Uncaught TypeError: $(...).roundSlider is not a function Then it seems in your server the roundSlider source was missed.. just confirm that your live server refers the roundslider.js file somewhere. That is the most possible case.

Otherwise you can share me your demo site url or something where I can reproduce the bug, so that it's much better to suggest you.

Tahir-Musharraf commented 3 years ago

Hi, here is my demo on webflow: https://www.mimosainvestments.com/calculator

The drag working perfectly but keyup function causes problems.

Tahir-Musharraf commented 3 years ago

Problem solved: Thanks @soundar24 , Actually I was using Cloudflare CDN version, Now I just change the link with original CDN:

Tahir-Musharraf commented 3 years ago

Still, the same issue but this time slider is no longer visible. @soundar24 can you please check the error via f12.

soundar24 commented 3 years ago

@Tahir-Musharraf in your mentioned link the roundSlider was working.. I can see that.. can you let me what issue you are facing.. or where can I see the issue in your demo page

Tahir-Musharraf commented 3 years ago

Thanks, @soundar24, Actually the problem is with webflow, web flow is calling two times jquery, Once I called it and second-time web flow, that caused an error. As web flow renders jquery script at the last of the HTML but my code must be after the jquery so to fix it I have to import the script as an external source with defer attribute. Thanks for your quick reply.