Блог

Я программист на Java, пытающийся написать немного JavaScript. Потерпите меня.

Я хотел бы функцию, которая обновляет итоговое значение при вводе цифры в любое из полей ввода в таблице. У меня есть следующая строка в $(document).ready(function() { ... }

 $("#lineCountTable").find('input').each().bind('keyup', function() { 
    updateTotal(this); 
});
  

На экране отладки Chrome я получаю:

Неперехваченная ошибка типа: не удается прочитать ‘вызов’ свойства undefined». Номер строки, на которую указывает jQuery-1.8.2.js:611.

Я полагаю, что у меня синтаксическая ошибка при определении вызываемой функции. updateTotal(inputVar) Функция должным образом определена позже в файле JS; в случае, если кому-то интересно, это:

 function updateTotal(inputVar) {
    var row = inputVar.closest('tr');
    var lineCharge = row.find("dlsRowCharge").html().trim();
    var total = 0.0
    var lineCount = inputVar.val();
    if (isNumeric(lineCount)) {
        total = math.abs(lineCount * lineCharge).toFixed(2);
        row.children(".dlsRowTotal").html("$ "   total);
    }
}
  

Я знаю, что эти функции обычно ставятся встроенными; я бы предпочел определить их отдельно и вызвать, если это невозможно.

Здесь у вас есть несколько проблем:

• each() требуется функция-обработчик и является причиной вашей ошибки. Тем не менее, в данном случае это не требуется.
• вы должны использовать on() over bind() начиная с jQuery 1.7.
• this будет элементом DOM, для которого вы не можете вызвать closest() метод jQuery. По общему признанию, существует собственный closest() метод, но он пока не поддерживается должным образом. Для надежной работы кода вам необходимо обернуть this в объект jQuery.
• find() требуется допустимый селектор, которого dlsRowCharge нет. Предположительно, это должно быть .dlsRowCharge
• math должно быть Math

Учитывая все сказанное, попробуйте это:

 $("#lineCountTable").find('input').on('keyup', function() { 
    updateTotal($(this)); 
});

function updateTotal($inputVar) {
    var $row = $inputVar.closest('tr');
    var lineCharge = $row.find("dlsRowCharge").html().trim();
    var lineCount = parseFloat($inputVar.val()) || 0;
    var total = Math.abs(lineCount * lineCharge).toFixed(2);
    $row.children('.dlsRowTotal').html('$ '   total);
}