jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery Mobile,滑块在值更改后不会刷新大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一点问题,我正在使用localstorage并加载一个值,这个想法是滑块随着该值的变化而变化.我得到了正确的加载部分,它加载了我想要的数字(我可以在警报中显示它,所以我知道是可以的),但是当试图将滑块添加到该数字时,它只保留dafult值(我尝试停用它,问题是一样的).页面就绪时运行该方法这是代码

function mostrarValoresOpcionesGuardados()
{

    var localStoragekey1 = "nombreUsuario";
    var localStorageKey2 = "pesoUsuario";
    var localStoragekey3 = "alturaUsuario";
    var localStorageKey4 = "edadUsuario";
    var nombre = localStorage.getItem(localStoragekey1);
    var peso = localStorage.getItem(localStorageKey2);
    var altura = localStorage.getItem(localStoragekey3);
    var edad = localStorage.getItem(localStorageKey4);
    $("#nombreUsuarioOpciones").val(nombrE);
    $("#pesoUsuario").val(peso).slider("refresh"); //this doesn't work
    $("#alturaUsuario").val(altura);
    $("#edadUsuario").val(edad);
    alert(nombre+" "+peso+" "+altura+" "+edad);
};

我也这样试试:
$( “#pesoUsuario”)VAL(比索).
$( “#pesoUsuario).slider(” 刷新“));
但它也没有用.这是滑块的div:

<div data-role="fieldcontain">
        <label for="pesoUsuario">
            Peso (kg)
        </label>
        <input id="pesoUsuario" type="range" name="pesoUsuario" value="95" min="0"
        max="200" data-highlight="true">
    </div>

解决方法

我在你的代码发现了一个问题.使用jQuery Mobile时,不应使用文档准备.像往常一样,它会在jQuery Mobile在DOM中准备小部件之前触发.要解决此问题,您需要使用适当的jQuery Mobile页面事件.阅读此 ANSWER以查找文档就绪和页面事件之间的区别.

工作实例:http://jsfiddle.net/Gajotres/k7C26/7/

改变这个:

$(document).ready(mostrarValoresOpcionesGuardados());

对此

$(document).on('pagebeforeshow','#opciones',function(){ 
    mostrarValoresOpcionesGuardados()
});

大佬总结

以上是大佬教程为你收集整理的Jquery Mobile,滑块在值更改后不会刷新全部内容,希望文章能够帮你解决Jquery Mobile,滑块在值更改后不会刷新所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。