jQuery Mobile ranger/滑块刷新不工作
我正在开发一个基于HTML5、CSS和JS的移动应用程序,由jQuery mobile提供支持 我正在以编程方式创建表单。我使用文本字段和范围(滑块)。 创建此输入后,它们不会被设置样式。没问题。对于刷新文本字段样式,我使用:jQuery Mobile ranger/滑块刷新不工作,jquery,user-interface,mobile,slider,refresh,Jquery,User Interface,Mobile,Slider,Refresh,我正在开发一个基于HTML5、CSS和JS的移动应用程序,由jQuery mobile提供支持 我正在以编程方式创建表单。我使用文本字段和范围(滑块)。 创建此输入后,它们不会被设置样式。没问题。对于刷新文本字段样式,我使用: $(selector).textinput(); 。。而且所有的工作都很好(当然只适用于input=“text”) 但如果我想刷新滑块(ranger),我会使用以下方法: $(selector).slider("refresh"); 我得到一个错误: 未捕获错误:无法
$(selector).textinput();
。。而且所有的工作都很好(当然只适用于input=“text”)
但如果我想刷新滑块(ranger),我会使用以下方法:
$(selector).slider("refresh");
我得到一个错误:
未捕获错误:无法在初始化之前调用滑块上的方法;试图调用方法“刷新”
嗯。如果我改变了这一点:
$(selector).slider();
如果50%有效:看
===================================================================
我的代码:
HTML:
-
Înapoi
萨尔瓦多
JS:
$(document).on(“click”,“.comp\u var\u btn”,函数(事件){
var idus=$(this.attr(“compvar”);
$(“#compl_name”).html(列表变量[idus]);
var bigucontent=“”;
$.each(列表标准,函数(标准id,标准VAL){
如果(临界值['evaluare']=“平均值”)
bigucontent=bigucontent+'“+crit_vals['nume']+': ”;
否则,如果(临界值['evaluare']=“平均值”)
bigucontent=bigucontent+'“+crit_vals['nume']+': ”;
其他的
bigucontent=bigucontent+'“+crit_vals['nume']+': ”;
});
美元(“#dupa_ultimu”)。之前(BiguContent);
window.location=“#新建类_步骤4_完成”;
if(主数据=1){
//行吗
$('zdup_ul')。列表视图('refresh');
$.each(列表标准,函数(标准id,标准VAL){
如果(致命一击['evaluare']=“致命一击”| |致命一击['evaluare']=“致命一击”){
//行吗
$(“#cmpvar_uu”+crit_id).textinput();
}
否则{
//这里是大失败
//$(“cmpvar”+crit_id).slider(“value”,6);
//$(“#cmpvar_u”+crit_id).slider();
//$(“#滑块”).slider('value',9);
$(“cmpvar”+crit_id).slider(“刷新”);
//$(“#cmpvar"+crit_id).remove();
}
});
}else prima_data_tata=1;
});
那么(要刷新输入类型范围,只需覆盖其值 您可以这样做:
$('input[type="range"]').val(newVal);
但这可能不适用于您的代码,因为您正在从JS生成这些输入
因此,首先,您需要将“biguContent”分解为多个变量,其中一个变量是范围输入
你最终会得到这样的结果
var rangeInput = <input type="range" value="" min="" max="" />
var biguscontent = '<li>..' + rangeInput + '...</li>...';
在这里,你可以看到一个范围输入的小提琴,点击“刷新”看:我有这样的东西..根据你自己的想法..它不起作用..更新了小提琴..1.在文档准备就绪时,你将html附加到dom…2.点击后你只需更新值…3.jqueryI中没有.slider()函数厌倦了$().trigger();一切似乎都起作用了。
$('input[type="range"]').val(newVal);
var rangeInput = <input type="range" value="" min="" max="" />
var biguscontent = '<li>..' + rangeInput + '...</li>...';
$(rangeInput).val(newVal)