";[对象对象]";不是有效的数字jquery滑块
"[object Object]" is not a valid number jquery slider
下面是我的4个输入的html代码。我使用jquery ui滑块来表示这些百分比字段。
<div class="turnover">
<label for = "{{ form.turnover.id_for_label }}">Umsatz des verkauften Artikels am Gesamtumsatz</label>
{{ form.turnover }}
<div id="turnover_slider"></div>
{{ form.turnover.errors }}
</div>
<div class="clear"></div>
<div class="sold_qty">
<label for = "{{ form.sold_qty.id_for_label }}">Zahl der verkauften Menge des Artikels zur gesamten Absatzmenge</label>
{{ form.sold_qty }}
<div id="sold_qty_slider"></div>
{{ form.sold_qty.errors }}
</div>
<div class="clear"></div>
<div class="produced_qty">
<label for = "{{ form.produced_qty.id_for_label }}">Zahl der produzierten Menge des Artikels relativ zur gesamten Produktmenge</label>
{{ form.produced_qty }}
<div class="produced_qty_slider"></div>
{{ form.produced_qty.errors }}
</div>
<div class="clear"></div>
<div class="var_pay">
<label for = "{{ form.var_pay.id_for_label }}">Prozent der variablen Vergütung an der Gesamtvergütung</label>
{{ form.var_pay }}
<div class="var_pay_slider"></div>
{{ form.var_pay.errors }}
</div>
<div class="clear"></div>
<div class="contracts">
<label for = "{{ form.contracts.id_for_label }}">Anzahl der abgeschlossenen Verträge im Veranlagungszeitraum</label>
{{ form.contracts }}
{{ form.contracts.errors }}
</div>
Jquery代码为
$( "#turnover_slider" ).slider({
range: "max",
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#id_turnover" ).val( ui.value );
}
});
$( "#id_turnover" ).val( $( "#turnover_slider" ).slider( "value" ) );
$( "#sold_qty_slider" ).slider({
range: "max",
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#id_sold_qty" ).val( ui.value );
}
});
$( "#id_sold_qty" ).val( $( "#sold_qty_slider" ).slider( "value" ) );
$( "#var_pay_slider" ).slider({
range: "max",
min: 1,
max: 100,
slide: function( event, ui ) {
$( "#id_var_pay" ).val( ui.value );
}
});
$( "#id_var_pay" ).val( $( "#var_pay_slider" ).slider( "value" ) );
滑块适用于前2个输入字段(即营业额和sold_qty字段(。但它不适用于produced_qty和var_pay。它引发错误"[object object]"不是有效数字。需要您的专家帮助。
对于前两种情况,您将id
到DOM元素更正为:
<div id="turnover_slider"></div>
<div id="sold_qty_slider"></div>
但对于其余的两个,您分配了class
,而不是id
。请更正:
<div class="produced_qty_slider"></div>
<div class="var_pay_slider"></div>
或者更改JS代码,将它们的jQuery选择器更改为:
$( ".produced_qty_slider" ).slider({
$( ".var_pay_slider" ).slider({
相关文章:
- "“;变量未引用正确的对象
- 如何创建js常量对象与"依赖/相对;价值观
- "属性描述必须是对象“”;错误
- 获取"下一个“;对象中的数值
- 得到"TypeError:对象不是函数“”;在forEach循环中使用超级测试/超级代理时
- "键“;jQuery中的对象无法正常工作
- 为什么下面抛出一个“;对象没有't支持属性或方法'importNode'"在IE11中
- "未捕获[对象对象]”;投掷和接球时
- "对象不是函数“;当将Node.js HTTP服务器对象传递给Socket.IO时
- 将对象设置为Backbone.js模型,而不必调用“;set()"在每一处房产上
- 得到"未捕获的类型错误:未定义的不是函数“;当试图从对象调用get()或set()时
- 获得错误“;对象没有方法'jScrollPane'"与AngularJS一起使用时
- "类型错误:'null'不是对象(正在评估“a.nodeType')”;在phanto
- "这个“;对象函数内部的引用
- "对象没有't支持这种性质或方法“;在IE 8中.在调试中执行精细
- "Function.createDelegate"原因;错误:对象没有't支持属性或方法
- 在javascript中,使用requireJS,我如何"要求“;typescript对象
- a href="上的javascript对象对象;javascript:"呼叫
- TypeError:undefined不是一个对象(正在评估'msg.innerHTML="Uploa
- 获取对象"值“;在数组中