admin管理员组

文章数量:1317115

(function ($) {
window.AppView = Backbone.View.extend({
  el: $("body"),
  events: {
    "click #add-friend":  "showPrompt",
  },
  showPrompt: function () {
    var friend_name = prompt("Who is your friend?");
  }
});
var appview = new AppView;
})(jQuery);
  1. Can anyone explain me what is el here. Is it element?
  2. Does the el argument accept object, if so can i pass my custom view object where my button or elements need to be added...
(function ($) {
window.AppView = Backbone.View.extend({
  el: $("body"),
  events: {
    "click #add-friend":  "showPrompt",
  },
  showPrompt: function () {
    var friend_name = prompt("Who is your friend?");
  }
});
var appview = new AppView;
})(jQuery);
  1. Can anyone explain me what is el here. Is it element?
  2. Does the el argument accept object, if so can i pass my custom view object where my button or elements need to be added...
Share Improve this question asked May 25, 2012 at 6:48 John CooperJohn Cooper 7,65133 gold badges83 silver badges102 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 5
  1. Yes it's a DOM element.
  2. No you cannot pass a custom object. You either specify an existing element, or creating one from the tagName, className, id and attributes properties of the view. If you don't specify an element, it defaults to a div

It's all in the official documentation actually...

Alladnian answered it but I would add that when using el you can make use of $el which is a cached jQuery object of your view element.

So you can always simply pass only the tag you wish to use (for consistency, brevity and flexibility) and then reference it as $el to make use of it as a jQuery object.

this.$el.addClass("active");

本文标签: javascriptbackbonejs and el attributeStack Overflow