1

このチュートリアルを使用して、カスタム ハンドルを持つ jQuery Slider を作成しようとしています。

http://papermashup.com/jquery-ui-slider/

彼らのデモページでは動作しますが、同じことをしてもカスタムハンドル画像が表示されません。それ以外はすべて正しく表示されます。これが私が使用しているページです（画像がサーバー上に存在し、表示されるはずであることがわかります）：

http://jovansfreelance.com/stripe_pay/

これは、スライダー ハンドルとして表示される画像です。

http://jovansfreelance.com/stripe_pay/images/slider-button.png

私は何を間違っていますか？

4

1 に答える 1

5

コードを document.read() 呼び出しでラップするのを忘れました。あなたのコードは現在、要素がページに存在する前に実行しようとしています。

試す：

$(document).ready(function(){
    $( ".slider" ).slider({
           animate: true,
               range: "min",
               value: 50,
               min: 10,
               max: 100,
               step: 10,

               //this gets a live reading of the value and prints it on the page
               slide: function( event, ui ) {
                   $( "#slider-result" ).html( ui.value );
               },

               //this updates the hidden form field so we can submit the data using a form
               change: function(event, ui) {
               $('#hidden').attr('value', ui.value);
               }
    });
});
于 2012-09-18T15:13:08.007 に答える