Javascript JSFIDLE代码没有'；不要在阿普塔纳上跑步_Javascript_Mootools_Slider_Jsfiddle

Javascript JSFIDLE代码没有'；不要在阿普塔纳上跑步

javascript

Javascript JSFIDLE代码没有'；不要在阿普塔纳上跑步,javascript,mootools,slider,jsfiddle,Javascript,Mootools,Slider,Jsfiddle,（首先，免责声明：我是一名JavaScript/MooTools新手，因此解决方案很可能只是一个小失误）在一些帮助下，我能够使用MooTools在jsFiddle上正确运行一个简单的滑块。它在这里-> 现在，我想在我自己的PC上复制它。我从这里的一些线程中学到，我必须包装JSFIDLE代码。在Aptana，我有如下代码： <html> <head> <script type="text/javascript" src="mootoo

（首先，免责声明：我是一名JavaScript/MooTools新手，因此解决方案很可能只是一个小失误）

在一些帮助下，我能够使用MooTools在jsFiddle上正确运行一个简单的滑块。它在这里->

现在，我想在我自己的PC上复制它。我从这里的一些线程中学到，我必须包装JSFIDLE代码。在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>


$（函数（）
{
addEvent（'domready'，function（）
{
var s=新滑块（document.id（“Slider-1”）、document.id（“Slider-input-1”），
{
onChange：函数（步骤）
{
文件id（“q1_r1”）.set（“值”，步骤）；
document.id（“value”）.set（'html'，步骤）；
}           
});
window.onresize=函数（）{
//s、 重新计算（）；
};
});
});
0

我知道我使用的MooTools版本并不完全相同（JSFIDLE使用的是1.2.5，我使用的是1.2.1）。我可以尝试在这里使用1.2.5（同时我也会），但这不是目的，因为我必须使用1.2.1。我也知道MooTools运行得很好，至少在理论上是这样，因为我以前制作过“hello world”，而且很有效

目前情况如何，我只看到跨度和文本框，而不是滑块

我想我遗漏了一些琐碎的东西

提前感谢所有可能的帮助，

Jaff

您的实现有两个问题：第一个问题很简单，如果您在控制台中查看您的domready函数没有被调用，请将其从$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();
                    };

                });

第二个问题是，您实际上正在使用mootools的插件。如果你看你的js提琴，它说使用mootools更多1.2.5.1。它位于slider类的更多部分中。如果没有，则未定义滑块。因此，在下载所有插件所需的核心mootools时，请确保选中“更多”和“滑块”框。在mootools网站上，当您转到core的1.2.5下载时，转到more builder，您可以添加这些

您的实现存在两个问题：第一个问题很简单，如果您在控制台中查看您的domready函数没有被调用，请将其从$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();
                    };

                });

谢谢你的解释，@ryan！我已经删除了包装器并下载了两个.js库。不过，这种行为并没有改变。代码：``是的，在我完成所有工作后，我不得不将mootools-1.2.5.1-more中的代码复制到核心文件中。只需将其粘贴到文件底部。“在尝试调试此文件时，我突然想到此问题可能是HTML格式的……这是真的吗？”（此评论是在我看到您的答案之前发表的……我会尝试的，谢谢！）再次感谢，@ryan！我将“mootools-1.2.5.1-more.js”复制到“mootools-1.2.5-core.js”的底部，行为仍然相同。我尝试了2个包括，也只是核心，它并没有改变。奇怪的东西…你在用什么浏览器？如果您的浏览器是chrome，您可以右键单击并查看页面，然后打开控制台。在这里，它将向您显示javascript中出现的任何错误。非常感谢您的解释，@ryan！我已经删除了包装器并下载了两个.js库。不过，这种行为并没有改变。代码：``是的，在我完成所有工作后，我不得不将mootools-1.2.5.1-more中的代码复制到核心文件中。只需将其粘贴到文件底部。“在尝试调试此文件时，我突然想到此问题可能是HTML格式的……这是真的吗？”（此评论是在我看到您的答案之前发表的……我会尝试的，谢谢！）再次感谢，@ryan！我将“mootools-1.2.5.1-more.js”复制到“mootools-1.2.5-core.js”的底部，行为仍然相同。我尝试了2个包括，也只是核心，它并没有改变。奇怪的东西…你在用什么浏览器？如果您的浏览器是chrome，您可以右键单击并查看页面，然后打开控制台。在那里，它将显示javascript中发生的任何错误。document.id来自1.2.3 iirc。document.id来自1.2.3 iirc。