javascript - 表内输入的 JQuery 计算

Question

我正在使用 jquerymobile 在 phonegap 中开发一个简单的 IOS 应用程序。我正在尝试对表中的输入进行简单计算，但无法正常工作。它适用于前两个输入，但一旦我为第三次计算添加 jQuery，它就会失去所有功能。我有以下 HTML

                   <table>
                    <tbody>
                        <tr>
                            <td class="tabledata">Fuel  </td>
                            <td class="tabledata"> Gallonn </td>
                    <td ><input id="a" type="text"></input></td>
                            <td class="tabledata" >138690</td>
                            <td  class="tabledata"><span id="c"></span></td>

                        </tr>
                        <tr>
                            <td  class="tabledata" >Electricity</td>
                            <td>KiloWatt-hour (kWH)</td>
                            <td ><input type="text" id="d"></input></td>
                            <td class="tabledata">3,412</td>
                            <td class="tabledata" ><span id="e"></span></td>
                        </tr>
                        <tr>
                            <td class="tabledata" >Natural Gas*</td>
                            <td  class="tabledata" >Therm**</td>
                            <td><input type="text" id="f"></input></td>
                            <td  class="tabledata" >100,000</td>
                            <td  class="tabledata" ><span id="g"></span></td>

                        </tr>
                       </tbody>
                      </table>

和下面的脚本

        $(document).ready(function() {
                          function compute() {
                          var a = parseInt($('#a').val(), 10);
                          var c = (a / 138690) * 1000000;
                          var cc = c.toFixed(2);
                          var d = parseInt($('#d').val(), 10);
                          var e = (d / 3412) * 1000000;
                          var ee = e.toFixed(2);
                          var f = parseInt($('#f').val(), 10);
                          var g = (f / 100000) * 1000000;
                          var gg = g.toFxed(2);

                          $('#c').text(cc);
                          $('#e').text(ee);
                          $('#g').text(gg);


                          }

                          $('#a, #d, #f ').change(compute);

                          });

        </script>

我使用的是 jQuery 1.91 版。

Answer 1

您的代码中有错别字:

var gg = g.toFxed(2);

将其更改为 .toFixed 它在 JSFiddle 中对我有用:http://jsfiddle.net/M5LKU/