需要帮助才能使用javascript/html滑块吗_Javascript_Html_Slider

需要帮助才能使用javascript/html滑块吗

javascript html

需要帮助才能使用javascript/html滑块吗,javascript,html,slider,Javascript,Html,Slider,我正在尝试让下面的html代码正常工作，但无法理解。我不认为domready事件被触发，也不知道为什么 <!DOCTYPE html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style> .slider { background: #CCC; height: 16px; width: 200px; }

我正在尝试让下面的html代码正常工作，但无法理解。我不认为domready事件被触发，也不知道为什么

<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style>
.slider {
    background: #CCC;
    height: 16px;
    width: 200px;
}

    .slider .knob {
        background: #000;
        width: 16px;
        height: 16px;
    }

</style>
    <script type="text/javascript">

window.addEvent('domready', function(){

    var slider = $('slider');

    new Slider(slider, slider.getElement('.knob'), {
        range: [0, 100],
        initialStep: 100, steps: 11, wheel: true,
        onChange: function(value){
alert(value);
        }
    });
});

    </script>
  </head>
<body>

<div id="slider" class="slider">
    <div class="knob"></div>
</div>

</body>
</html>


.滑块{
背景：#CCC；
高度：16px；
宽度：200px；
}
.滑块.旋钮{
背景：#000；
宽度：16px；
高度：16px；
}

addEvent（'domready'，function（）{
变量滑块=$（“滑块”）；
新滑块（滑块，Slider.getElement（'.knob'）{
范围：[01100]，
初始步骤：100，步骤：11，控制盘：true，
onChange：函数（值）{
警报（值）；
}
});
});

我只想在我的网页上有一个滑块，由于浏览器限制，不能使用HTML5。我可以使用什么样的最简单的滑块来执行此操作？

我看到的第一个问题是

var slider=$（'slider'）语句
您需要将其更改为var slider=$（“#slider”）或变量滑块=$（'.slider'）取决于您是否希望通过ID或类名访问它
您还可以使用滑块，这是我一直在使用的一个很好的jQuery插件。
而不是使用window.addEvent（），为什么不使用
$(function(){
    // your code here.
});

它使用jQuery的on ready事件，所以您可以确保它将在document ready时启动
正如上面Odinn所述，您正在使用$（'slider'），这意味着jquery正在寻找一个元素，该元素是。您需要指定是搜索ID$（“#滑块”）
还是按类搜索$（“.slider”）
除此之外，我会打开您的控制台，查找任何错误并发布这些错误。希望有帮助。
jquery的脚本文件在哪里？我很确定addevent不是dom标准，html5与您的问题无关。好的，部分问题是我需要添加一些脚本文件：
我正在尝试使用mootools，但我很恼火。我没有意识到我需要所有这些脚本文件来获得滑块。在IE8中我可以使用的最简单的滑块是什么？我喜欢在Chrome和Firefox中工作的HTML5滑块，但不幸的是，我也需要让它在IE 8中工作。我给你的滑块非常简单，你唯一需要的是包含jQuery脚本。网站似乎关闭了，但我看到jQuery有一个看起来足够简单的滑块。可以在这里找到：（）。你能告诉我需要做什么来改变颜色和其他基本格式吗？我终于让它工作了！这本应该更痛苦，但我对结果感到高兴。谢谢你的帮助。