Menu icon Foundation
Orbit slider doesn't work with backbone

    <ul data-orbit>
<li><img src="http://lorempixel.com/1500/400" alt="slide 1">

</li>
<li><img src="http://lorempixel.com/1500/400" alt="slide 2">

</li>
<li><img src="http://lorempixel.com/1500/400" alt="slide 3">

</li>
</ul>

Backbone.View
.extend({
template : Handlebars
.compile($("#modal2").html()),
initialize : function() {
this.listenTo(this.model, "change", this.render);
},
render : function() {
this.$el.html(this.template(this.model.attributes));
return this;
});

backboneorbit slider

    <ul data-orbit>
<li><img src="http://lorempixel.com/1500/400" alt="slide 1">

</li>
<li><img src="http://lorempixel.com/1500/400" alt="slide 2">

</li>
<li><img src="http://lorempixel.com/1500/400" alt="slide 3">

</li>
</ul>

Backbone.View
.extend({
template : Handlebars
.compile($("#modal2").html()),
initialize : function() {
this.listenTo(this.model, "change", this.render);
},
render : function() {
this.$el.html(this.template(this.model.attributes));
return this;
});
Hitesh over 5 years ago

Solve it...
Backbone.View
.extend({
template : Handlebars
.compile($("#modal2").html()),
initialize : function() {
this.listenTo(this.model, "change", this.render);
},
render : function() {
this.$el.html(this.template(this.model.attributes));
//re initialize foundation here
$(document).foundation({orbit : {timer : false}});
return this;
});