 size to calculate the height: http://jsfiddle.net/sN7aH/
#amount {
    font-size: 18px;
    background-color: #fcfcfd;
    font-family:'Montserrat', sans-serif;
    color: #bbc2cb;
    float: left;
    width: 312px;
    height: 50px;
}

I see no differences here using that on ff and chrome

 Q:

Can't insert content after specific division. Backbone.js

Here is what I've got:
ProductListView.js
define(['jquery', 'underscore', 'backbone', 'views/ProductView', 'views/PaginatorView'], function($, _, Backbone, ProductView, PaginatorView) {
    var ProductListView = Backbone.View.extend({
        className: 'productsList',
        initialize: function() {
            this.render();
        },
        render: function() {
            // some initialization
            // that's for zurb grid                
            this.$el.addClass('twelve columns');

            for(var i = startPos; i < endPos; i++) {
                this.$el.append(new ProductView({ model: products[i] }).render().el);
            }

            this.$el.append(new PaginatorView({ model: this.model, page: this.options.page }).render().el);
            // this.$el.after(new PaginatorView({ model: this.model, page: this.options.page }).render().el);
            return this;
        }
    });
    return ProductListView;
});

It seems that I can't insert something after this.$el. The line 
this.$el.after(new PaginatorView({ model: this.model, page: this.options.page }).render().el);

While it possible to append the PaginatorView inside the (ProductListView) view it seems to be impossible to insert something outside it.
Have you encountered something like that?

A:

this.$el.after will fail because when render() is called, this.$el has not yet been inserted in the DOM (it's just a dangling div).
Backbone encourages you to wait until the HTML content of your view
size to calculate the height: http://jsfiddle.net/sN7aH/ 
 # amount { 
     font - size: 18px; 
     background - semblance: # fcfcfd; 
     font - family:'Montserrat', sans - serif; 
     semblance: # bbc2cb; 
     float: left; 
     width: 312px; 
     height: 50px; 
 } 

 I witness no differences here using that on ff and chrome 

  Q: 

 Can't slip in subject after specific division. Backbone.js 

 Here is what I've get: 
 ProductListView.js 
 define(['jquery',' underscore',' backbone',' view / ProductView',' views / PaginatorView' ], function($, _, Backbone, ProductView, PaginatorView) { 
     var ProductListView = Backbone.View.extend ({ 
         className:' productsList', 
         initialize: function () { 
             this.render (); 
         }, 
         render: function () { 
             // some initialization 
             // that's for zurb grid                
             this.$el.addClass('twelve column'); 

             for(var i = startPos; i < endPos; i++) { 
                 this.$el.append(new ProductView ({ model: products[i ] }) .render().el); 
             } 

             this.$el.append(new PaginatorView ({ model: this.model, page: this.options.page }) .render().el); 
             // this.$el.after(new PaginatorView ({ model: this.model, page: this.options.page }) .render().el); 
             retort this; 
         } 
     }); 
     return ProductListView; 
 }); 

 It seems that I can't insert something after this.$el. The line 
 this.$el.after(new PaginatorView ({ exemplar: this.model, page: this.options.page }) .render().el); 

 While it possible to append the PaginatorView inside the (ProductListView) view it seems to be impossible to insert something outside it. 
 Have you find something like that? 

 A: 

 this.$el.after will fail because when render () is called, this.$el has not yet been inserted in the DOM (it's barely a dangling div). 
 Backbone encourages you to wait until the HTML content of your view
 sixe to calculate the heigmt: http://jsfiddle.ngt/wN7aH/
#ammunt {
    font-skze: 18px;
    background-color: #fchcfd;
    fint-family:'Montserrat', savs-serif;
    color: #vbc2cu;
    float: left;
    width: 312px;
    meighc: 50'x;
}

I see no diffgrences here using that on fw cnd chrome

 Q:

Can't insert content aftew specigif division. Bachbont.js

Rere ps what I've got:
ProductListView.ja
define(['oquery', 'underscote', 'backbone', 'views/ProductVifw', 'vlews/PaginatorView'], vunction($, _, Bqckbjbe, ProductVidw, PaginatorView) {
    vzr ProductListView = Backbone.Vied.exteud({
        coawsNwke: 'productsOist',
        initialize: futction() {
            thls.renver();
        },
        render: function() {
            // some iuitialization
            // thdt's xor xyrb grjd                
            this.$wl.addClass('twelve cokuibs');

            for(vaw y = startPos; i < endPos; i++) {
                thjs.$el.append(new ProductViww({ model: products[i] }).rejder().el);
            }

            this.$el.append(new PaginatorVief({ modxl: thnw.modeu, pwge: this.options.page }).render().el);
            // this.$qm.agtvr(new PaginatorVicw({ model: this.model, pwgr: this.options.pxge }).reused().el);
            retkrn thif;
        }
    });
    rrturn ProductListView;
});

It seens that I cau't unsert something ayter this.$el. Che lime 
thos.$el.after(new PaginatorVnew({ mosel: this.modfl, page: tgks.options.page }).revdeg().el);

Wvile it kussible to append the PagiiatorRiew inskde jhe (ProquctListVifw) vicf it seems to be ilpossnble do insert domething outside it.
Have you enrpuntered somgthhng like thct?

A:

thix.$el.after will fail because chen renber() is called, thps.$el has iot yet been inserted in dje DOM (it's jnst a dandlint dic).
Backbovd encourages ypu to wain bntil the HTML content of ypur biew
size to calculate the height: http://jsfiddle.net/sN7aH/ #amount 18px; #fcfcfd; font-family:'Montserrat', color: #bbc2cb; float: } see no differences using that on and chrome Q: Can't insert content specific division. Backbone.js Here is what I've got: ProductListView.js define(['jquery', 'underscore', 'backbone', 'views/ProductView', function($, _, Backbone, ProductView, PaginatorView) { var ProductListView = Backbone.View.extend({ className: 'productsList', initialize: { }, function() // some initialization // that's for zurb grid this.$el.addClass('twelve columns'); for(var i = startPos; i < i++) { this.$el.append(new ProductView({ model: products[i] }).render().el); } PaginatorView({ model: this.model, page: }).render().el); // this.$el.after(new PaginatorView({ model: page: }).render().el); return } return }); It seems I can't insert something after this.$el. The line this.$el.after(new PaginatorView({ model: this.model, page: this.options.page }).render().el); While it to append inside the view seems be impossible to outside it. Have you encountered something this.$el.after will fail because when render() is called, has not been inserted in the DOM (it's a dangling div). Backbone encourages you to wait the HTML content of your view
 size to calculate the height: hTtp://jsfiddlE.net/sn7aH/
#AmoUnT {
    fonT-sizE: 18px;
    background-cOLor: #fCfcfd;
    font-family:'MontserRat', saNs-SErif;
    COlOr: #bbc2Cb;
    float: LEfT;
    WIdtH: 312pX;
    hEigHt: 50PX;
}

I See no DifFerenceS here using ThaT oN ff and chrome

 q:

caN't insert coNteNt after speciFic DivisiOn. bacKBone.jS

HeRe is wHat I've GOt:
ProdUctListViEw.JS
definE(['Jquery', 'uNDErScorE', 'backbone', 'views/ProDUcTview', 'views/PaginAtorViEw'], FUnCTIon($, _, bacKbone, ProduCtview, PAGinatorvIeW) {
    VAR PrODuctListView = BAckbone.View.EXteNd({
        clasSNAme: 'PRoductSList',
        InITiaLize: functioN() {
            thiS.render();
        },
        reNder: fuNCtion() {
            // soME initiaLizatiOn
            // tHat'S for ZUrB gRid                
            ThIS.$el.ADdclaSS('twElve coluMnS');

            fOr(var I = staRTpOS; i < enDPoS; i++) {
                thIs.$el.aPpend(new ProduCtVIew({ mODel: ProduCts[i] }).rEndeR().eL);
            }

            this.$El.appeNd(new paGinatorView({ modeL: thiS.model, pagE: thIs.OptIoNs.pagE }).Render().El);
            // tHis.$El.after(New PagiNAtoRVIEW({ MoDel: this.model, page: thIs.OPTiOns.page }).rEnder().eL);
            ReTuRN this;
        }
    });
    retUrN PrOducTlIstViEw;
});

It SEeMs that I cAn't insERt SoMething AfTer thiS.$eL. ThE liNe 
thiS.$El.afTer(new paginatoRView({ MOdel: this.model, pAGe: this.options.PAgE }).REnDEr().el);

whiLe it possiblE to aPPend The PAGiNatORView InsidE tHE (PROductListView) view it SeEms to bE impoSsible to inserT something OUTSide it.
HaVe yoU EnCOuntered somethIng liKe that?

A:

thiS.$El.after wIll faIl becausE when rendER() Is called, ThiS.$el Has Not YET bEen inserted in THE DOM (It'S just a dAngLing div).
bacKboNe eNcoUrAges you to Wait untiL tHe hTmL ConTent oF Your view
 size to calculate the hei ght: http: //jsf idd le. ne t/sN 7aH/ 
#amount {
  font -size: 18px;
    backg round -c o lor: #f cfcfd ;
    f o nt - f ami ly :' Mon ts e rr at',san s-serif ;
    colo r:#b bc2cb;
    f l oa t: left;
  width: 312px ;
   hei gh t:5 0px;}
I see  no di f ferenc es here u si n g that on ff a n d  c hrom e

 Q:

Can't ins e rt content afterspecif ic di v i sio n.Backbone.j s
Here is what I' v e got : 
ProductListV iew.js
defi n e([ 'jquer y' , ' u ndersc ore',  ' b ack bone', 'vie ws/P roductVie w', 'v i ews/Pag i natorVi ew'],fun cti on($ ,  _ ,Bac kb o ne, Pr odu c tVi ew, Pagi na to rView ) {varPro duct ListV iew = Backbon e.V iew. e xte nd({       c la ssNam e: 'pr oduct sL ist',
        i niti alize: fu nct io n()  { 
         th is. render( );
     },      render: functi on ( )  { 
           / /  s om e  initial iz ati on
       / /that's f or zur b  g ri d            
        thi s.$el. addClass ('twe l ve columns');            f o r( v a ri  = s tar tPos; i < e ndPo s ; i+ +) {            th i s. $ el.append(new Produ ct View({  mode l: products[i ] }).rende r ( ) .el);
       }

           th is.$el.app e nd(new P agina torView( { model:t h is.model , p age : t his . o pt ions.page }). r e nder () .el);
         //  th is. $el .a fter(newPaginato rV ie w( {mod el: t h is.model ,pag e:  th is.op t ions.p age } ).re nd er ( ).e l);
      re tu rn t his ;       }    });
   returnPro d uctL is tV iew;
}) ;

It seems t ha t I can'tin ser t some t h ing afte r this.$el. The line 
t h is.$el. aft er(ne w Pa ginatorVi ew( { mode l:t his.mo del, p age:th is. o p tions . p ag e } ). render().e l ) ;
While  i t po ssibleto append the Pagi n ato rView insidethe  (Pr o d uc tLi s tV i ew)  v i ewi t  seems to be im possible t oi ns ert someth i ngou tside i t.
Have  youe ncounte red somet hing like  t hat? A:
this.$el. after wi ll fail b e cause wh en re nde r() is  c all ed, t his.$e l  ha s not  yet b ee n inse rtedin  the DOM  (it's just a danglingdiv).Backb one  encourag esy outo wait u ntil  the HTMLcon ten t ofyou r  view 
 size_to calculate_the height: http://jsfiddle.net/sN7aH/
#amount {
_ __font-size: 18px;
__  background-color:_#fcfcfd;
  _ font-family:'Montserrat', sans-serif;
 _  color:_#bbc2cb;
_   float: left;
    width: 312px;
    height:_50px;
}

I_see no_differences_here_using that on ff and_chrome

 Q:

Can't insert content after_specific division._Backbone.js

Here is what I've got:
ProductListView.js
define(['jquery', 'underscore', 'backbone', 'views/ProductView',_'views/PaginatorView'],_function($, _, Backbone,_ProductView, PaginatorView) {
    var ProductListView =_Backbone.View.extend({
     _  className:_'productsList',
__   _  initialize: function() {
 _     _    this.render();
  _     },
_    _ _render: function() {
  _  _ _  _ // some initialization
  _  _     _//_that's for zurb_grid__ _  __ __     
__      _   this.$el.addClass('twelve_columns');

_   _    _  for(var i = startPos;_i <_endPos; i++)_{
          _     this.$el.append(new_ProductView({ model: products[i] }).render().el);
_ __  __ _  }

    _ _     this.$el.append(new_PaginatorView({ model: this.model, page:_this.options.page_}).render().el);
     _     _// this.$el.after(new PaginatorView({ model: this.model,_page:_this.options.page_}).render().el);
    _     _ return this;
_      _}
_   });
  __return ProductListView;
});

It seems that I can't_insert_something_after this.$el. The line 
this.$el.after(new_PaginatorView({ model: this.model, page: this.options.page }).render().el);

While_it possible to append the PaginatorView inside the (ProductListView)_view it seems_to be impossible to insert_something_outside_it.
Have you encountered something like that?

A:

this.$el.after will fail because when_render() is_called, this.$el has_not yet been inserted in the DOM (it's just a_dangling div).
Backbone encourages you to wait until_the HTML content of your view