更新页面加载JS上的数据

Question

此脚本允许您根据所选产品的数量实时计算价格。

https://jsfiddle.net/sucwcokv/4/

但是有一个问题..如果我为一个产品最少5件，脚本不会重新计算价格。

<input type="number" min="5" value="5" title="Qta" class="input-text qty text" size="4" />

问题示例：

https://jsfiddle.net/pzh57aaL/

有一种方法可以在开始时计算它吗？

Answer 1

只需添加

updateTotal();

在您的javascript结尾处，它也将在页面加载时计算。

Updated fiddle

Answer 2

基本上，jQuery加载是在页面初始化时运行的。 您可以在$（document）.ready。

中调用方法updateTotal

$(document).ready(function() {
 var subtotals = [];
 $('.input-text').change(function() {
    updateTotal();
  });
  updateTotal();
});

Answer 3

只需在“$（document）.ready（）”函数中调用函数“updateTotal”。

Answer 4

更改为：

var subtotals = [];

$(document).ready(function() {
    updateTotal();
});

$('.input-text').change(function() {
    updateTotal();
});