1

我正在尝试获取动态生成的滑块的值。不幸的是，无论我做什么，它们总是返回“0”或空值。我想不通这个...

这是我正在使用的 HTML 代码：

<input type="number" data-type="range" class="init_slider ui-input-text ui-body-b 
ui-corner-all ui-shadow-inset ui-slider-input" name="init_slider_0" id="init_slider_0" 
min="-5" max="30" />

   <div role="application" class="ui-slider-track ui-btn-down-b ui-btn-corner-all">

      <a href="#" class="ui-slider-handle ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all" 
data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" 
data-theme="b" role="slider" aria-valuemin="-5" aria-valuemax="30" aria-valuenow="14" 
aria-valuetext="14" title="14" aria-labelledby="init_slider_label_0" style="left: 
54.285714285714285%;"><span class="ui-btn-inner"><span class="ui-btn-text"></span></span></a>
   </div>

还有我的 JS（它可能效率低下，但我只是想让它工作）：

$('[data-role="page"]').live('pageshow', function () {
 $(".init_slider").change(function() {
    var init_data = {};
    $.each(".init_slider_label", function(index, option) {
        char_name = $("#init_slider_label_"+index).text();
        var init_val_desc = $("#init_slider_"+index).next();
        var init_val_foo = $(init_val_desc).children("a")[0];
        var init_foo = $(init_val_foo);
        var init_val = $(init_foo).attr('aria-valuenow');
        init_data[char_name] = init_val;
     });
   });
});

init_val 的值似乎总是以“0”或什么都没有结束，这取决于我正在尝试什么。

我不认为这个问题是特定于滑块的，因为当我将它们更改为简单的文本字段时，我遇到了同样的问题：总是返回一个值“0”。所以我想知道这是否与我如何调用这段代码有关。正如您在上面的示例中所看到的，我正在使用“pageshow”进行操作。但是单击按钮后我遇到了同样的问题。

有人对我有什么建议吗？

谢谢！

4

2 回答 2

3

对于动态注入的项目，您应该以这种方式绑定事件。

$(document).on("change", ".init_slider", function() {
 var slider_val = $(this).val();
 console.log(slider_val);
});

演示

于 2013-11-05T18:55:52.543 回答
0

我有同样的问题，我发现绑定不起作用，但应该尝试上面的方法，为了解决它，我添加了隐藏输入，更新了每个滑块更改时的隐藏输入值等。

于 2014-03-17T16:23:42.750 回答