Variables undefined in backbone.js

Question

I'm been having some trouble playing around with the backbone.js library recently - namely the variables that I instantiate (both an extended View and Model) remain undefined.

Here's some code to show you what I mean:

<script type="text/javascript">
$(document).ready(function(){

var img = new ImageUrl();
var search = new ImageSearchDialogue({el: '.imageUrl', model: img}).render();


});
</script>

Here's the script that I've placed in the HTML document - both variables are undefined however. (I've checked with Firebug)

Is this a scoping issue perhaps?

So I'm assuming that ImageUrl extends a Backbone.Model and the ImageSearchDialogue extends a Backbone.View? Also the Backbone and Jquery libraries have been included in the page? — James Woodruff
– James Woodruff, Commented Oct 30, 2012 at 21:46
Yep to the first question. The libraries have been included in this order: jquery, underscore, backbone. — MeMory LEAk99
– MeMory LEAk99, Commented Oct 30, 2012 at 22:36
I checked them out in a console window after running the code through a browser. (both firefox & chrome) - The variables 'img' and 'search' are both undefined. I'm able however to create new instances from both relevant Constructor functions in said console window. — MeMory LEAk99
– MeMory LEAk99, Commented Oct 30, 2012 at 23:35
This image may clears things up in my above comment: img.photobucket.com/albums/v282/Ace_of_Spades01/console.jpg — MeMory LEAk99
– MeMory LEAk99, Commented Oct 30, 2012 at 23:36

Buck Doyle · Accepted Answer · 2012-10-31 04:11:48Z

1

Is it that you’re expecting the variables to be defined globally? They’re currently only defined in the scope of the function. Try this:

window.img = new ImageUrl();
window.search = new ImageSearchDialogue({el: '.imageUrl', model: img}).render();

answered Oct 31, 2012 at 4:11

Buck Doyle

6,4071 gold badge24 silver badges36 bronze badges

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

2 Comments

MeMory LEAk99 Over a year ago

Hmm this could be the case. But I've noticed that there's another View object that I can instantiate that is visible in the global scope. var menu = new Menu({el: '#menu'}); This one however is not passed a model object argument.

MeMory LEAk99 Over a year ago

As an aside, you can make variables global when defining in the scope of a function by not including a 'var'. e.g. img = new ImageUrl();

Collectives™ on Stack Overflow

Variables undefined in backbone.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related