Arrays 如何让一个noUiSlider在一个foreach上显示多个滑块？

我有这个noUiSlider，它很好用！但是如果正在处理{foreach}，则只处理foreach的一个滑块。我如何设置它使其在foreach上工作？这是一个例子

{foreach from=$v.my_elements_array item=v}


<div class="form-group">
   <div id="slider_id"></div>
      <div class="input-group">
        <input id="input_start" type="text" class="form-control" name="from">
        <span class="input-group-addon">
         To
        </span>
        <input id="input_end" type="text" class="form-control" name="to">
      </div>
</div>

{/foreach}

---

快速简单的回答，您必须使用ID上的类：

$('div.js_slider').noUiSlider();

---

也可以通过某种巧妙的方式查找相关输入。

对不起！需要在哪里找到它？使用google找到它：&&

$('div.js_slider').noUiSlider();