0

以下の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;
    }

​&lt;/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>

Web ページにスライダーを追加したいのですが、ブラウザーの制限により html 5 を使用できません。これを行うために使用できる最も簡単なスライダーは何ですか?

4

2 に答える 2

1

私が最初に目にする問題は、var slider = $('slider');ステートメントにあります。

IDまたはクラス名を介してアクセスする場合は、var slider = $('#slider');に変更する必要があります。var slider = $('.slider');

http://nivo.dev7studios.com/をスライダーとして使用することもできます。これは、私が使用してきた優れた jQuery プラグインです。

于 2012-05-15T06:24:06.847 に答える
0

使用するのではなく、使用してwindow.addEvent();みませんか

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

これはjQueryのonreadyイベントを使用するため、ドキュメントのreadyで確実に起動します。

上記のOdinnで述べたように、$（'slider'）を使用しています。これは、jqueryが。である要素を検索していることを意味します。$('#slider')IDを検索するのか、クラスで検索するのかを指定する必要があります$('.slider');

それ以外は、コンソールを開いたままにして、エラーを探して投稿します。お役に立てば幸いです。

于 2012-05-15T06:33:45.437 に答える