Javascript RangeSloider不工作，在Jquery mobile的更改页面中

我正在使用jQuery mobile的RangeSlider小部件

HTML

---

请分享您的想法…

您不应该在每次页面更改时重新初始化小部件。因此，删除该行：

$("div#range-slider").rangeslider();

jQM已经初始化了小部件，您只需在设置值后调用刷新即可

使用RangeSloider处理页面上的pagebeforeshow事件：

$(document).on("pagebeforeshow", "#page1", function () {    
    $("#range-1a").val(10);
    $("#range-1b").val(10000);
    $("#range-1a").prop("max", 10000);
    $("#range-1b").prop("max", 10000);
    $("#range-slider").rangeslider('refresh');    
});

工作

---

你的控制台怎么说？@madalinivascu:没有错误当你刷新页面时，显示的代码不会执行？@madalinivascu:它正在执行，即使我没有，也会放入代码，只使用html，在这种情况下，它也不工作。你想用这些滑块实现什么？

$("div#range-slider").rangeslider();

$(document).on("pagebeforeshow", "#page1", function () {    
    $("#range-1a").val(10);
    $("#range-1b").val(10000);
    $("#range-1a").prop("max", 10000);
    $("#range-1b").prop("max", 10000);
    $("#range-slider").rangeslider('refresh');    
});