显示元素后的JQuery计算

我有一张表格，我正在做一些简单的计算。取消隐藏元素后，无法运行计算。我已经证明了计算可以在这个表单之外工作，但我正在尝试将它添加到使用其他库的表单中。我只是不知道我需要做什么才能让计算在显示id后绑定到id。这里有一个指向部分表单的链接，其中只包含保持简单所需的输入。如果单击“是”，则元素显示我正在使用。谢谢你的指导。 这是我做的计算脚本

<script> 
function pottopot() {

    if ($('#item78_number_1').val()>0 && $('#item76_number_1').val()>0){

        totalpotgals = parseInt($('#item76_number_1').val(),10) 
                       * parseInt($('#item78_number_1').val(),10)
                       / parseInt($('#item47_number_1').val(),10);

        $('#item48_number_1').val(totalpotgals.toFixed(2));

    }
}
</script>

函数pottopot（）{
如果（$（'#item78_number_1'）.val（）>0&$（'#item76_number_1'）.val（）>0）{
totalpotgals=parseInt（$（'#item76_number_1'）.val（），10）
*parseInt（$（'#item78_number_1'）.val（），10）
/parseInt（$（'#item47_number_1'）.val（），10）；
$（'#item48_number_1'）.val（totalpotgals.toFixed（2））；
}
}

您需要在DOM就绪后绑定事件。如果我理解正确，您需要将代码放入document.ready事件中。尝试：

$(document).ready(function(){
//put your jquery code here
});

由于您已经在使用jQuery，请使用

.keyup

和

.on

绑定DOM元素上的事件，如：

$("input.<YOUR_DOM_CLASS>").on("keyup",function(){
//do something here
});

$（“输入”）。在（“键控”，函数（）上{
//在这里做点什么
});

试试这个

$(document).ready(function(){
 $("input[name=pottopot]").change(function(){
 //call your method that does the calculation.
 pottopot();
 });
});

尝试定义所有变量。避免任何控制台错误。 如果页面中出现错误，比如变量not defines等，JavaScript将停止执行

---

要了解错误详细信息，请在chrome中打开开发者工具CTRL+SHIFT+I。

打开浏览器控制台（F12），您将看到

“未捕获引用错误：polegals未定义”

，换句话说，您正在调用一个不存在的函数？是的，我也正在调用“未定义未捕获的参考错误strokepolewarn“我清除了这些事件。我把它们放在那里，因为我已经排除了这些问题。我删除了它们，但仍然没有计算。现在我得到pottopot不是一个函数。这怎么可能呢。我以前尝试过为输入分配一个类，但我看到外部库正在为我的类后面分配有效的类。我想这就是我被推翻的地方。我也加入了这一点，但仍然没有得到计算结果。似乎库外部的表单正在为输入分配class=“valid”。还不确定这是否是问题所在。我在这里添加了这个。并更新了JQuery库。您在脚本末尾出现语法错误，请删除一个

}

。会很好的。谢谢。我错过了两者之间的对话，但仍然没有计算。明白了。谢谢你的帮助。组合键控和窗口就绪。非常感谢大家的关注知道了。谢谢你的帮助。