我正在测试here的Dragdealer滑块,感觉非常不错。但是,我想在滑块下面显示几个消息,分别用于不同的位置。风格:“请重新考虑您的贡献。”价值低廉,并“非常感谢您的贡献”。以获得高价值。
我猜想DIV的内容会根据滑动时X值的变化而变化,这由»animationCallback«函数注册:
<div>
<div id="just-a-slider" class="dragdealer">
<div class="handle red-bar">
<span class="value"></span>€
</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)));
}
});
})
感谢任何提示。