在输入文本框更改上运行代码的jQuery

Question

下面的代码在#input-lines-percent输入中运行良好，并正确地更新了值。#input-curves-percent确实运行了代码，因此更改似乎是有效的，但它根本没有更新文本框。

要了解我的意思，请在Straight lines %框中键入一些文本，并查看两个文本框是如何更新的。但是，在Curves %上尝试这样做，就不会有任何更新。两者的代码几乎是相同的，所以我不知道是什么导致了这种差异。

​

$('#input-curves-percent').change(function(e){
    updatePercentGroupShape('curve');
});
$('#input-lines-percent').change(function(e){
    updatePercentGroupShape('line');
});
function updatePercentGroupShape(lastEdit){
    // Updates the percentage boxes for the shape type percents
    
    var curves = parseInt($('#input-curves-percent').val());
    var lines = parseInt($('#input-lines-percent').val());

    if(lastEdit.localeCompare('curve') == 0){
        
        if(curves < 0){
            curves == 0;
        }else if(curves > 100){
            curves = 100;
        }
        lines = 100 - curves;

    }
    if(lastEdit.localeCompare('line') == 0){
        
        if(lines < 0){
            lines == 0;
        }else if(lines > 100){
            lines = 100;
        }
        curves = 100 - lines;
    }
    $('#input-curves-percent').val(curves);
    $('#input-line-percent').val(lines);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
	<div>Curves %</div>
	<div><input type="text" id="input-curves-percent" value="0"></div>
</div>
<div>
	<div>Straight lines %</div>
	<div><input type="text" id="input-lines-percent" value="100"></div>
</div>

​

Answer 1

最后的js行有一个错误，只需替换

    $('#input-line-percent').val(lines);
                 ^^^

使用

    $('#input-lines-percent').val(lines);

Answer 2

里面有一个错误。

 id="input-lines-percent"

在剧本里

$('#input-line-percent').val(lines);