MooTools拖动/滑块无法正常运行

时间:2013-04-10 19:51:34

标签: javascript jquery slider mootools

我创建了这个JSbin,因为我需要这个漂亮的滑块来创建我正在创建的东西。可以在此处找到bin http://jsbin.com/ipoloy/3/edit

由于这是我第一次使用MooTools而不是我非常确定如何编写它,我复制了文档所说的内容,只是为了看它是如何工作的。好吧它没有,所以然后我把它包裹在$(function() { });仍然没有。我是否需要添加jQuery 1.9 plus MooTools 1.4.5?

任何一个有良好信息的人,请告诉我,以便我可以解决这个问题并开始使用此滑块。

2 个答案:

答案 0 :(得分:1)

你只需要添加mootools(Slider更多的是mootools):

但我认为谷歌apis中没有“更多”,所以你需要在mootools网站上构建它:http://mootools.net/more/

http://jsfiddle.net/rjAN3/

var slider = $('slider');

  new Slider(slider, slider.getElement('.knob'), {
    range: [9, 35],
    initialStep: 14,
    onChange: function(value){
      if (value) $('fontSize').setStyle('font-size', value);

         }
  });

答案 1 :(得分:1)

添加mootools以及mootools,它将起作用。

http://jsbin.com/egicem/1/edit

在mootools库下面添加:

<script src="http://cdnjs.cloudflare.com/ajax/libs/mootools-more/1.4.0.1/mootools-more-yui-compressed.js"></script>

托管于http://cdnjs.com/网站