0

私はバックエンドのコーディングが苦手なので、このダイナミック レンジ スライダーを作成するには助けが必要です。

http://i255.photobucket.com/albums/hh140/testament1234/dynamicrangeslider_zpsb2ae70b4.jpg

基本的にここでの目的は、ユーザーが 90 ペソ以上または 90 ペソから 1000 ペソのオプションをチェックすると、スライダーが最小および最大範囲を変更することです。

これが私が始めたものです。

Javascript/Jquery

<script>
jQuery(function() {
jQuery( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 500,
    step:5,
    values: [ 0, 300 ],
    slide: function( event, ui ) {
        jQuery( "#amount" ).val( "Php" + ui.values[ 0 ] + " - Php" + ui.values[ 1 ] );
    }

});
    jQuery( "#amount" ).val( "Php" + $( "#slider-range" ).slider( "values", 0 ) +
    " - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
</script>

私がする必要があるのは、何を置き換えるか、何を追加するかを知ることだけです。

4

1 に答える 1

0

これらの変数を次のように渡すだけです。

var minimumValue = 0; // Get the minimum pesos somehow
var maximumValue = 1000; // Get the maximum pesos somehow

...
range: true,
min: minimumValue,
max: maximumValue,
...

コードを追加せずに、これ以上に何を提供できるかを知るのは難しいです。(これらの値をどこから取得しているか、ID など)

于 2013-08-28T17:01:32.807 に答える