需要幫助讓一個JavaScript/html滑塊工作

我想獲得下面的html代碼工作，並不能弄明白。我認爲domready事件並沒有被解僱，也無法弄清楚爲什麼。需要幫助讓一個JavaScript/html滑塊工作

<!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>

我只想在我的網頁上有一個滑塊，並且由於瀏覽器的限制而無法使用html 5。什麼是我可以用來做到這一點的最簡單的滑塊？

來源

2012-05-15 Jim

其中jquery的腳本文件？我很確定addevent不是一個dom標準，html5與你的問題中的任何東西無關。 – mpm

我看到的第一個問題是在var slider = $('slider');聲明中。

您需要將其更改爲var slider = $('#slider');或var slider = $('.slider');取決於您是否想通過ID或CLASS名稱訪問它。

你也可以使用http://nivo.dev7studios.com/作爲一個滑塊，這是一個很好的jQuery插件，我一直在使用。

來源

2012-05-15 06:24:06 Odinn

好的，部分問題是我需要添加一些腳本文件：' ' – Jim

我正在嘗試使用mootools，但越來越惱火。我沒有意識到我需要所有這些腳本文件來獲取滑塊。我可以在IE8中使用的最簡單的滑塊是什麼？我喜歡在Chrome和Firefox中運行的HTML5滑塊，但不幸的是，我需要讓它在IE 8中也能正常工作。 – Jim

我給你的滑塊非常簡單，唯一需要的就是包含jQuery腳本。 – Odinn

而不是使用window.addEvent();，爲什麼不使用

$(function(){ 
    // your code here. 
});

使用jQuery的現成的事件，所以你可以肯定這將觸發對文件準備

以及由Odinn如上所述，你是使用$（'slider'），這意味着jquery正在尋找一個元素。你需要指定如果你正在尋找一個ID $('#slider')或類$('.slider');

除此之外，我會保持您的控制檯打開，以查找任何錯誤，併發布這些。希望有所幫助。

來源

2012-05-15 06:33:45 ZanderKruz

需要幫助讓一個JavaScript/html滑塊工作

回答

相關問題