更有效地编写jquery处理程序

Question

$("#element").on("change", function(){
    calculateValue();
});

function calculateValue(){
    $("#result").html($("#int1").val() + $("#int2").val()); 
}
calculateValue();

在上面的（示例）代码中，我每次更改元素时都会计算元素的结果。

但是我也希望在用户更改任何值之前进行此计算。所以在上面的例子中我只是调用函数。

我在两个地方调用这个函数似乎很乱。当我有其中一些时，它开始看起来非常凌乱。有没有更好的方法来写这个？

Answer 1

您可以简单地向元素声明两个事件，如下所示：

$("#element").ready(function(){calculateValue();})
.bind("change", function() {
    calculateValue();
});

来自API：

.ready()方法提供了一种在页面的文档对象模型（DOM）可以安全操作时运行JavaScript代码的方法。