jquery - 阻止数量微调器变为负数

Question

我的微调器有问题。如果数量为0，我想停止减少功能的工作。这是代码：

$(document).ready( function() {
      var elm = $('#htop');
              function spin( vl ) {
                elm.val( parseInt( elm.val(), 10 ) + vl );
              }

              $('#increase').click( function() { spin( 1 );  } );
              $('#decrease').click( function() { spin( -1 ); } );
    });

我猜我需要对

$('#decrease').click( function() { spin( -1 ); } );

或者我应该尝试包装一个 if 语句

function spin( vl ) {
                elm.val( parseInt( elm.val(), 10 ) + vl );
              }

提前致谢。

Answer 1

stop the decrease function from working if the quantity is 0

只需将其转换为代码即可：

function spin( vl ) {
    if(elm.val() > 0) { //as long as the spinner is above 0
        elm.val( parseInt( elm.val(), 10 ) + vl );
    }
}