javascript - backbone.js and el attribute - Stack Overflow

admin管理员组

文章数量:1317724

(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...

• javascript
• backbone.js

Share Improve this question Follow asked May 25, 2012 at 6:48 John CooperJohn Cooper 7,6513333 gold badges8383 silver badges102102 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: 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