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?

Answer 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();