0

プロジェクトに条件付きステップ値を持つ Jquery Slider を追加したい

最小値は 1 で、最大値は 100 です。

ステップ値 1 をスライド 0 から 50 まで維持したいのですが、スライド値が 50 を超えると、ステップ値は 2 になります (スライダーは 48,49,50,52,54,56 のように増加します........ ..)?

どうすれば実装できますか?

これは私のコードです

         this.slider = container.slider({
            animate: true,
            range: "min",
            orientation: "horizontal",
            value: self.minBet,
            max: self.maxBet,
            min: 0,
            step: self.step,  // self.step=1

            slide : function(event,ui) {
                if(self.triggerChange == true) {

                    // Here I want to chenge value of step.
                    // here self.step =1
                    // Now, If ui.value is more than 50 than step will be 2
                    self.handleChangeValue(self.slider,ui.value);
                }
            },

            change: function(event, ui) {
                if(self.triggerChange==true) {
                    self.handleChangeValue(self.slider,ui.value);
                } else {
                    self.triggerChange = true;
                }
            }

        });

前もって感謝します。

4

1 に答える 1

0

これは、あなたがやりたいことをする非エレガントなFIDDLEです。

これは一般的であるため、任意の最大値と任意のカットポイントを入れることができ、カットポイントを超える偶数が得られます。

JS

$('#clickme').on('click', function(){

    var slidervalue = $('#inputme').val();

    var maxvalue = 100;
    var minvalue = 0;
    var cutpoint = 50;
    var finalvalue = 0;


    if (slidervalue > 100)
    {
     slidervalue = 100;
    }
    if (slidervalue < 0)
    {
     slidervalue = 0;
    }

    if (slidervalue <= cutpoint)
    {
     finalvalue = slidervalue;
     }
      else
    {
      if( slidervalue%2 == 0 )
      {
        finalvalue = slidervalue;
       }
        else
        {
         finalvalue = 1 + +slidervalue;
         if( finalvalue > 100 )
           {
            finalvalue = 100;
            }
        }
    }
    $('.putmehere').html(finalvalue);
});
于 2014-04-09T16:00:13.173 に答える