jQuery Mobile-滑块的值始终为零

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

以下是我正在使用的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>

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

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

有人对我有什么建议吗

---

谢谢

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

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

---

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

Omar:你太棒了！我现在能够捕捉到滑块的值！唯一的诀窍是我需要捕获具有不同ID的多个滑块的值，但现在我得到了这个概念。非常感谢您的帮助@布兰登先生：不客气：）如果你需要进一步的帮助，请告诉我。

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