backbone.js - problem loading using models defined in separate file

Question

I'm running Sinatra with Backbone.js. I'm trying to split up my models, views, etc so they aren't all lumped into a single JS file. Right now I have the following.

index.html

<html>

  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <script src="scripts/underscore-min.js"></script>
    <script src="scripts/jquery-1.5.min.js"></script>
    <script src="scripts/backbone-min.js"></script>
    <script src="scripts/models.js"></script>

  ...

models.js

Models = {

  var Event = Backbone.Model.extend({

  });


  var Events = Backbone.Collection.extend({
    url: '/events',
    model: Event
  });

};

So models.js expects that Backbone.js has been loaded, which it should have been based on index.html, however, I'm getting a JavaScript error in models.js where I reference Backbone.Model.

Any ideas on what I'm missing here?

Mike Park · Accepted Answer · 2011-03-24 00:28:09Z

1

That isn't valid javascript. Something like this is more likely to work :

Models = {}

Models.Event = Backbone.Model.extend({

});


Models.Events = Backbone.Collection.extend({
  url: '/events',
  model: Event
});

answered Mar 24, 2011 at 0:28

Mike Park

11k3 gold badges38 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

backbone.js - problem loading using models defined in separate file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related