In this example, we are going to fine-tune the wonderful JQuery Slider Plugin written by Egor Khmelev.<\/p>\n
Everything is great about this Slider except that it doesn’t allow you to refresh its settings live without reloading the page. For example, it would be very useful to be able to change the slider scale, dimension\/currency and\/or other settings. And it is a must-have if you building Jquery Price Slider and need to change scale depending on user input. <\/p>\n
Here is the solution from Plumrocket developers:<\/p>\n
\n\n$("#Slider1").slider("redraw", { from: 0, to: 1000, scale: [0, '|', 500, '|', '1000+']});\n\n<\/pre>\nAdd this javascript code in FILE \/javascripts\/jquery.slider.js <\/strong>LINE: 420<\/p>\n\n case "redraw":\n self.domNode.remove();\n\n if(isDefAndNotNull(args[1])){\n $.extend(true,self.settings,args[1]);\n\n self.settings.interval = self.settings.to - self.settings.from;\n self.settings.value = self.inputNode.attr("value");\n self.is = {\n init: false\n };\n self.o = {};\n }\n\n self.create();\n\n break;\n<\/pre>\n\n\u00a0\u00a0LIVE DEMO\u00a0\u00a0<\/span><\/a><\/div>\n<\/div>\nHopefully, this little fix will make someone\u2019s day better.
\nEnjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"
In this example, we are going to fine-tune the wonderful JQuery Slider Plugin written by Egor Khmelev. Everything is great about this Slider except that it doesn’t allow you to refresh its settings live without reloading the page. For example, it would be very useful to be able to change the slider scale, dimension\/currency and\/or… Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":3027,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[13,14],"class_list":["post-36","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming","tag-jquery","tag-plugins"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t