用Dragdealer拖动时显示消息?

时间:2019-05-15 14:03:57

标签: javascript uislider dragdealer-js

我正在测试hereDragdealer滑块,感觉非常不错。但是,我想在滑块下面显示几个消息,分别用于不同的位置。风格:“请重新考虑您的贡献。”价值低廉,并“非常感谢您的贡献”。以获得高价值。

enter image description here 我猜想DIV的内容会根据滑动时X值的变化而变化,这由»animationCallback«函数注册:

  <div>
    <div id="just-a-slider" class="dragdealer">
      <div class="handle red-bar">
        <span class="value"></span>&euro;
      </div>
    </div>
    <div id="content" name="content">dd</div>
  </div>

但是我将如何实现呢?添加»if(x == 100)document.getElementById(“ content”)。innerHTML =“ whatever”«?似乎不起作用...

    jQuery(function() {
      new Dragdealer('just-a-slider', {
        steps: 11,
        snap: true,
        animationCallback: function(x, y) {
          jQuery('#just-a-slider .value').text(Math.round(180 + (x * 100)));
        }
      });
    })

感谢任何提示。

0 个答案:

没有答案