2013-04-10 56 views
0

我創建了這個JSbin,因爲我將需要這個漂亮的滑塊來創建我正在創建的東西。 bin可以在這裏找到http://jsbin.com/ipoloy/3/editMooTools Drag/Slider無法正常運行

因爲這是我第一次使用MooTools而不是我很確定如何編寫它,所以我複製了文檔所說的內容,只是看它是如何工作的。那麼它沒有,所以然後我把它包裹在$(function() { });仍然沒有。我需要添加jQuery 1.9和MooTools 1.4.5嗎?

任何一個具有良好的信息,請讓我知道,所以我可以弄明白這一點,並開始在這個滑塊。

+0

你不需要的jQuery添加到MooTools的,以使幻燈片的工作,你確實需要mootools的更多http://mootools.net/docs/more/Drag/Slider – 2013-04-10 21:11:17

+0

@DavidChase我從那裏得到了滑塊,但就像我說的那樣沒有用。正如我明白你在說什麼,但是「更多」是一個補充?我將mootools添加到JSBIN,那麼這不是所有需要的嗎? – EasyBB 2013-04-10 23:06:24

+0

檢查我的答案與jsbin,更多的工具是額外的類似於jquery ui爲jquery所有你需要的是添加'.js'文件,它會再次工作檢查我的jsbin編輯... – 2013-04-11 01:12:48

回答

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/網站

+0

感謝@DavidChase你一直在幫助!我很感激。 – EasyBB 2013-04-11 03:39:30

+0

好吧我得到一個問題 - 未捕獲TypeError:對象[對象對象]沒有方法'getElement'??爲什麼這是我複製的東西,除了改變文本,我正在改變borderRadius ... – EasyBB 2013-04-11 04:29:49

+0

@EasyBB發佈您的jsbin與錯誤,請.. – 2013-04-11 10:40:32

1

你只需要添加更多的mootools(滑塊在mootools的更多):

而是讓你需要構建它在MooTools的網站,我不認爲「更多」是在谷歌的API: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); 

     } 
    }); 
+0

它確實存在於cdnjs:/ /cdnjs.cloudflare.com/ajax/libs/mootools-more/1.4.0.1/mootools-more-yui-compressed.js – 2013-04-10 21:15:17

+0

好的抱歉聽起來像一個新手,但我如何「建立」更多的mootools,什麼是它到底?它是否像jQuerys UI? – EasyBB 2013-04-10 23:05:04

+0

@EasyBB是的,它喜歡jQuery UI上面的cdjns包含所有可用的工具,需要在mootools.net的更多部分使用任何東西 – 2013-04-11 01:31:49