Question

我有以下跟踪栏。

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
        <script src="http://seiyria.com/bootstrap-slider/js/bootstrap-slider.js"></script>
        <link href="http://seiyria.com/bootstrap-slider/css/bootstrap-slider.css" rel="stylesheet">
        <link href="http://seiyria.com/bootstrap-slider/dependencies/css/bootstrap.min.css" rel="stylesheet">

<input id="ex19" type="text"
      data-provide="slider"
      data-slider-ticks="[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
      data-slider-ticks-labels='["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]'
      data-slider-min="1"
      data-slider-max="12"
      data-slider-step="1"
      data-slider-value="6"
      data-slider-tooltip="hide"/>

      <br/>
      <br/>
      <br/>
       <button id="myButton">Change bar</button>

如果单击该按钮，将使用新值

更新轨迹栏

 data-slider-ticks="[1, 2, 3, 4, 5, 6]"
      data-slider-ticks-labels='["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio"]'

      data-slider-min="1"
      data-slider-max="6"
      data-slider-step="1"
      data-slider-value="3"
      data-slider-tooltip="hide"/>

我不想进一步了解细节，因为这个项目非常复杂，而且往往会让人感到困惑。我已经陷入了上述困境。谢谢你的帮助。

这是我在JS中找到的一些代码：

var Labels = ["Enero", "Febrero", "Marzo"];
$('#myButton').click(function() {
$('.slider-tick-label').each(function(index) {
$(this).text(Labels[index]);
});           
});

我想它不起作用，因为我需要使用正确的信息更新所有标签。

Answer 1

除非您没有向我们展示代码，否则'.slider-trick-label'不存在

通过jquery替换HTML标记

1 个答案: