在 backbone 中转换 jQuery 脚本

Question

我需要了解如何在 Backbone.js 版本中编写这段特定的 jQuery 代码。这是使用 keyup() function.Since 将文本或任何输入复制到其他 div 或字段的代码 function.Since 我是 backbone 的新手，如果有人能解决这个问题，我将不胜感激

这是我的 index.html 和 main.js 代码片段

  <input type="text" name="Quantity" value="100"  id="quantity" />

$("#quantity").keyup(function () {
var value = $(this).val();
$("#quantity_img").text(value);}).keyup();

Answer 1

events是一个事件映射。 keyup #quantity 是对象 #quantity 上的事件 keyup。 keyup 是上面定义的函数处理程序。

在 render 函数上触发 keyup 事件。

View = Backbone.View.extend({
  events: {
    'keyup #quantity': 'keyup'
  },

  keyup: function() {
    var value = this.$('#quantity').val();
    this.$("#quantity_img").text(value);
  },

  render: function() {
    this.$('#quantity').keyup();
  }
});
view = new View({el: $('#container')});
view.render();

工作示例：https://jsfiddle.net/3z8sf113/1/

在 backbone 中转换 jQuery 脚本

converting a jQuery script in backbone

jquery

backbone.js

keyup