1

スライダーの値を取得して、その値を認識し、画像を変更しようとしています。これは、jquery のデフォルト機能に対する賛成、反対の概念です。したがって、ユーザーが左にスライドする (親指を下に向ける) 場合は、img css(opacity) を変更して、どちらが選択されたかを示します。

これで十分だと思いましたが、実際にはスライダーが完全に削除されます。

if ui.value >= 51{
  $('img.up').css('opacity','.8');
  alert('cool');
}
if ui.value <= 49{
    $('img.down').css('opacity','.8');
    alert('too bad');
}

ここでフィドルを作りました。スライダーの値を有効にするにはどうすればよいですか?

スライダーが倍数で生成されない理由について、おそらく別の質問をする必要があることはわかっています。でも、何かアドバイスがあれば、それも受け入れます。

事前にご協力いただきありがとうございます。

4

3 に答える 3

2

ifステートメントに括弧を追加するのを忘れました。

$('img.up, img.down').css('opacity','.4');
if (ui.value >= 51) {
  $('img.up').css('opacity','.8');
}
if (ui.value <= 49) {
  $('img.down').css('opacity','.8');
}

デモ

于 2013-01-14T19:12:16.330 に答える
0

if ステートメントに括弧がありませんでした

$("#slider").slider({
      value:50,
      min: 0,
      max: 100,
      step: 50,
      slide: function( event, ui ) {
        if (ui.value >= 51){
          $('img.up').css('opacity','.8');
          alert('cool');
        }
        if (ui.value <= 49){
            $('img.down').css('opacity','.8');
            alert('too bad');
        }
      }
    });
于 2013-01-14T19:18:41.030 に答える
0

私はあなたのフィドルを更新しました。私が間違っていなければ、これが最終結果としてあなたが望んでいたものです。このコードを試して、フィドルを確認してください。

$("#slider").slider({
 value:50,
 min: 0,
 max: 100,
 step: 50,
 slide: function( event, ui ) {
 if (ui.value >= 51){
     $('img.up').css('opacity','.8');
     $('img.down').css('opacity','.4');  
 }
 if (ui.value <= 49){
    $('img.down').css('opacity','.8');
    $('img.up').css('opacity','.4');
 }
}
});
于 2013-01-14T19:16:05.193 に答える