Jquery 创建一个简单的主干应用程序

我试图通过将我的简单静态web应用程序转换为一页主干应用程序来自学Backbone.js。我的问题是我找不到解决我问题的简单教程

我有以下功能：

function convert(ins) {
    var numbers = parseFloat(ins);
    //Test for NAN
    if(isNAN(numbers)){
        $("#output").html("Error");
    }else{
        var conver = (numbers * 12);
        $("#output").html(conver);
    }
}

现在，当用户向字段中输入数据时，将调用此函数。它会自动更新输出div。 我想有很多转换“应用程序”。当用户访问页面时，convert函数需要更新。 我应该如何着手为我的每一页制作模型？我想在转换函数中更改的唯一一行是：

var conver = (numbers * 12);

显然，我对主干网还不太熟悉，这是我开始重新编写站点代码之前需要解决的最后一个问题

---

我真的很感激任何帮助。谢谢

在没有看到其余代码的情况下，您的问题似乎是

ins

是一个字符串，在Javascript中不能将字符串与数字相乘。如果您将其改为

numbers*12

，您可能会感觉很好。

因为从您发布的代码来看，似乎所有发生的事情都是基于某些用户交互的一些转换，因此，似乎没有支持模型的简单版本就足够了。如果您的转换函数依赖于某些特定数据（例如，来自服务器的一些公式），那么a可能是有保证的，但根据您发布的内容，我并不认为有必要

例如，假设您的标记如下所示

  <div id="divConversionCalc">
    <label for="txtInputNum">Enter inches</label> <input type="number" id="txtInches" />
    <label>Feet</label> <div id="dvOutput"></div>

  </div>

    var ConversionView = Backbone.View.extend({
        el: '#divConversionCalc',

        events: {
            "change #txtInches": "convert"
        },

        convert: function (e) {
            var numbers = parseFloat(this.$el.find('#txtInches').val());
            if (isNaN(numbers)) {
                this.$el.find("#dvOutput").html("Error");
            } else {
                var conver = (numbers * 12);
                this.$el.find("#dvOutput").html(conver);
            }

        }

    });

    $(function () {
        new ConversionView();
    });

---

“在JavaScript中不能将字符串与数字相乘”我一定不同意。谢谢你的回答。当我为这个问题编写代码时，这只是一个输入错误。我所有的代码都按照我想要的方式工作。我问这个问题的原因是为了得到帮助，将此代码转换为backbone.js代码。再次感谢您的快速回复。到底是什么不起作用？你的转换函数？或者，当用户向字段输入数据时，您是否试图让它触发？我没有看到你在这里发布的与backbone.js相关的任何内容。我只是想得到帮助，在backbone中编写一个模型，它将产生与我问题中的代码相同的结果。我知道我的问题是缺乏的，但我不知道如何在主干中实现这一点。好的，在这种情况下，我不知道你需要一个模型，也许你想要的只是一个视图。我会尽快发布一个例子。谢谢！这正是我想要的。