Question

我正在尝试向用户提供数字预览，因此当用户输入数据到数据，数据和数据速度值（通过输入字段）时，数据值将在下面的范围内更新 -

<span 
  id="demo-shuffling-numbers" 
  class="shuffling-numbers" 
  data-from="" 
  data-to="" 
  data-speed=""
></span>

对于预览，用户需要单击预览按钮。

我遇到的问题是countTo插件只使用第一次输入的值，而不是连续的更改。

当输入值更改时，数据属性会更改，但预览仅显示第一个输入值（提交新值后无效）。

我使用下面的jQuery来更新和触发countTo插件 -

$(document).ready(function () {

  $('#shuffling-numbers-preview').click(function(){
    $('#demo-shuffling-numbers').countTo();
  });

  $('#shuffling_numbers-start_from').change(function() {
    $('#shuffling_numbers-start_from').each(function(index) {
      var value = $(this).val();
      $('#demo-shuffling-numbers').attr('data-from',value );
      $('#demo-shuffling-numbers').html(value);
    });

  });

  $("#shuffling_numbers-end_to").change(function() {
    $("#shuffling_numbers-end_to").each(function(index) {
      $("#demo-shuffling-numbers").attr("data-to", $(this).val());
    });

  });
});

如何让countTo插件向上或向下计数到新值？

谢谢＆amp;问候。

Answer 1

通过在每次单击按钮时删除并插入span来获得解决方法。如果有更好的解决方法，请告诉我。谢谢！

jQuery countTo插件 - 希望在每次数据属性更改时都有countTo的新实例

1 个答案: