このコード ブロックは、他のすべてのブラウザで問題なく動作します。ページをハードリフレッシュするとIEで動作しますが、その後再びページに移動すると動作しません。理由がわかりません。どんな扇動も大いに役立ちます。
function pageLoad(sender, args) {
/// func auto-sets the yellow and red values for mean and median respectfully
function calculateGoals(goal, yellow, red) {
$(document.body).on('input', goal, function () {
var g = $(goal), y = $(yellow), r = $(red); //set up the selectors
y.val(parseFloat(g.val()) + 0.001);
r.val(parseFloat(g.val()) + parseFloat(g.val()) * 0.2);
y.attr('value', parseFloat(g.val()) + 0.0001);
r.attr('value', parseFloat(g.val()) + parseFloat(g.val()) * 0.2);
});
}
/// call the funcs for mean and median
calculateGoals('.mean-goal', '.mean-yellow', '.mean-red');
calculateGoals('.median-goal', '.median-yellow', '.median-red');
}
スクリプトは「.mean-goal」から入力を取得し、ユーザー入力に応じて他の値を変更します。
JS Fiddle: http://jsfiddle.net/Jn52h/ - IE でも問題なく動作するようです。しかし、私の開発環境では、ページをリロードした後 (ソフト リフレッシュ後) は機能しません。