無法更新

Question

我得到了下面的代碼，這是我遇到的問題。 除了第一個實例，我無法計算'Labouritems'的任何實例的'總'金額，每個實例之後我都沒有計算它。

var LabourItems = { 
    rate: null, 
    hours: null, 
    total: null, 
    init: function(object) { 
     this.rate = parseInt($(object).children('.rate').first().val(), 10); 
     // var rate = $(object).children('.rate').first(); 
     this.hours =parseInt($(object).children('.hours').first().val(), 10); 
     this.total = this.rate * this.hours; 
     this.updateTotal(object); 
    }, 
    updateTotal: function(object) { 
     $(object).children('.total').first().val(this.total || 0); 
    } 
} 

//reactTochange for those inputs that you want to observe 
$('.labouritems input').on("keyup", function() { 
    $('.labouritems').each(function(key,value){ 
     LabourItems.init(this); 
    }); 
}); 

Answer 1

這很簡單：你不創建的任何實例「Labouritems」，你只有一個Labouritems對象。

Answer 2

您的代碼中沒有任何「實例」，因爲您從未撥打過new。

爲了讓LabourItems被視爲一個對象，聲明它這樣：

function LabourItems(object) { 
    return { 
     rate: null, 
     ... 
    } 
}); 

，然後在你的事件處理程序使用new LabourItems(this)。

可選擇地（並且更有效，因爲每個實例將共享的方法的副本，而不是包含其自己的副本）使用正常原型聲明：

function LabourItems(object) { 
    this.rate = null, 
    ... 
}; 

LabourItems.prototype.init = function() { 
    ... 
}; 

LabourItems.prototype.updateTotal = function() { 
    ... 
}; 

並使用new LabourItems(this)如上。