(首先,免责声明:我是 JavaScript / MooTools 新手,所以解决方案很可能是微不足道的失误)
在一些帮助下,我能够使用 MooTools 在 jsFiddle 上放置一个简单的滑块以正常运行。它在这里-> http://jsfiddle.net/wowenkho/uGcTx/
现在,我想在我自己的电脑上重现它。我从这里的一些线程中了解到我必须包装 jsFiddle 代码。在 Aptana 中,我有这样的代码:
<html>
<head>
<script type="text/javascript" src="mootools_v1_2.js"></script>
<script type="text/javascript">
$(function()
{
window.addEvent('domready',function()
{
var s = new Slider(document.id("slider-1"), document.id("slider-input-1"),
{
onChange : function(step)
{
document.id("q1_r1").set('value',step);
document.id("value").set('html',step);
}
});
window.onresize = function () {
//s.recalculate();
};
});
});
</script>
</head>
<body>
<input name="q1_r1" id="q1_r1" type="hidden">
<span id="value">0</span>
<p ><div class="slider" id="slider-1" tabIndex="1">
<input class="slider-input" id="slider-input-1" />
</div>
</body>
</html>
我知道我使用的 MooTools 版本并不完全相同(jsFiddle 使用的是 1.2.5,我使用的是 1.2.1)。我可以尝试在这里使用 1.2.5(我会同时使用),但这不是目的,因为我必须使用 1.2.1。我也知道 MooTools 运行良好,至少在理论上是这样,因为我之前制作了“hello world”并且它运行良好。
目前情况如何,我只看到跨度和一个文本框,而不是滑块。
我想我在这里遗漏了一些微不足道的东西。
提前感谢所有可能的帮助,贾夫