изменения Б.Г. цвета на мин и макс

Question

Я хочу изменить color из button-down и button-up при spinner имеют минимальное или максимальное значение красного

<input type="hidden" name="id" value="<?= $this->product->getId() ?>" /> 
<input name="quantity" value="1" readonly/> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('input[name="quantity"]').spinner({ 
      min: 1, 
      max: <?= $this->product->getQuantity() ?>, 
     }).keydown(function (e) { 
      e.preventDefault(); 
     }); 
    }); 
</script> 

Answer 1

Вы можете применить метод change который JQuery UI вертушка обеспечивает:

$('input[name="quantity"]').spinner({ 
     min: 1, 
     max: <?= $this->product->getQuantity() ?>, 
     spin:function(event, ui){ 
      $(this).closest('.ui-spinner').find('a.ui-spinner-button').css('background', function(){ 
      this.value == 1 ? return 'red' : return '#e6e6e6'; 
      }); 
     } 
    }).keydown(function (e) { 
     e.preventDefault(); 
    });