Backbone.js: Gdzie mogę umieścić moją instalację jQuery?

Question

Zajmuję się Backbone.js, ale nie rozumiem, gdzie umieścić cały jednorazowy kod jQuery, potrzebny do skonfigurowania mojej strony.

Znacie coś: konfigurowanie wtyczki karuzeli jQuery, dodawanie strzałki "przewijania do góry" ... jednorazowej konfiguracji, która ma miejsce, gdy użytkownik po raz pierwszy ładuje stronę.

W tej chwili robię to w moim routerze:

var AppRouter = Backbone.Router.extend({ 
    routes: { 
    // some routes 
    }, 
    initialize: function() { 
    initializeJqueryStuff(); 
    } ... 
}); 
var StateApp = new AppRouter(); 
Backbone.history.start({ 
    pushState: true 
}); 
function initializeJqueryStuff() { 
    // one-off jQuery stuff goes here 
} 

Yeuch. Jak powinienem to robić? Czy inna właściwość obiektu Router powinna mieć initializeJqueryStuff? Czy to wszystko powinno żyć w środku initialize? A może powinienem zachować ten kod całkowicie oddzielony od aplikacji Szkielet?

Answer 1

Zwykle definiuję LayoutView, tj. Widok główny, który jest odpowiedzialny za renderowanie wszystkich "rzeczywistych" widoków w aplikacji. Ten widok układu jest inicjowany tylko raz, zanim będzie musiał zostać uruchomiony inny kod widoku. To także miejsce, w którym mam tendencję do wykonywania konfiguracji jednorazowych.

Próbka:

//LayoutView should be considered a singleton, only initialized once 
var LayoutView = Backbone.View.extend({ 
    el:'body', 

    initialize: function() { 
     this.initializeSomejQueryStuff(); 
    }, 

    renderChild: function(child) { 
     if(this._currentChild) 
      this._currentChild.remove(); 
     this._currentChild = child; 
     this.$el.html(child.render().el); 
    }, 

    initializeSomejQueryStuff: function() { 
     //init here 
    } 
}); 

Zastosowanie:

var AppRouter = Backbone.Router.extend({ 
    routes: { 
     "foo/:id": "foo" 
    }, 

    initialize: function() { 
     this.layout = new LayoutView(); 
    }, 

    foo: function(id) { 
     var model = new Foo({id:id}); 
     var view = new FooView({model:model}); 

     //delegate the view rendering to a layout 
     this.layout.renderChild(view); 
    } 
}); 

Answer 2

Hmm ... Przepraszam, jeśli przegapię jakieś szczegóły w przypadku mojego złego angielskiego. Ale jak widzę główny punkt twojego pytania: gdzie możesz skonfigurować i umieścić twoje rzeczy jQuery, które nie są powiązane z Tajemnicą? W sumie możesz oddzielić ten kod i po prostu połączyć go w .html

Szkielet tylko trochę MVC. Możesz manipulować funkcjami renderowania i niektórymi elementami js powiązanymi z widokami w Backbone.View.extend({...}), ale ogólnie uważam, że dobrym pomysłem jest stworzenie innej struktury dla różnych rzeczy. smth tak:

.../ 
    public/ 
     css/ 
     img/ 
     lib/ 
      ..any source code for your plugins.. 
     tpl/ 
      ..for your templates.. 
     js/ 
      models/ 
       models.js 
      views/ 
       ..your views.js.. 
      main.js(your backbone router and for example, .loadTemplate() func for templates and other) 
      ..any code for plugings configuration.. 

tak myślę, że struktura może pomóc w zrozumieniu tego, co jest źródłem tego, co cię kodowania i jasne.

Mam nadzieję, że było to pomocne. Przepraszam, jeśli źle zrozumiałem coś.