Uncaught TypeError: Object # has no method 'setup' \n<\/code><\/pre>\nI believe the problem is that the template hasn’t loaded the html element that the player uses to instantiate itself. That’s my current theory. If you look in index_view.js.coffee<\/code> you see that in the render<\/code> method I use the JQuery $(document).read -><\/code> method to load the player. If I remove that, the player doesn’t load and I see the same error.<\/p>\nUncaught TypeError: Object # has no method 'setup' \n<\/code><\/pre>\nThis error can be reproduced simply by calling the jwplayer on a non-existant CSS id. ie jwplayer('non-existant-id').setup(...)<\/code> would produce the same error. I’m pretty new to backbone but I would assume that the JQuery document.ready method has no effect after the initial loading of the index page. The DOM is never reloaded once I’m using the #<\/code> routes, so when I navigate back to the index page, the id ‘my-video’ doesn’t yet exist so calling jwplayer('my-video')<\/code> produces an error. Is there any sort of Backbone.ready<\/code> method? \ud83d\ude42<\/p>\nSo here’s some code, lemme know if you need anything else:<\/p>\n
index.html.erb<\/code> The rails view for videos<\/p>\n\n\n\n $(function() {\n \/\/ Blog is the app name\n window.router = new SeehearmeWebapp.Routers.VideosRouter({videos: , users: , questions: });\n Backbone.history.start();\n });\n\n<\/code><\/pre>\nvideos_router.js.coffee<\/code><\/p>\nclass SeehearmeWebapp.Routers.VideosRouter extends Backbone.Router\n initialize: (options) ->\n @videos = new SeehearmeWebapp.Collections.VideosCollection()\n @videos.reset options.videos\n @users = new SeehearmeWebapp.Collections.UsersCollection()\n @users.reset options.users\n @playlist = []\n @questions = options.questions\n for i in [0..@videos.length-1]\n video = @videos.models[i]\n versions = video.attributes.versions[6]\n images = video.attributes.thumbnails[0]\n question = @questions[parseInt(video.attributes.question_id)-1]\n if !(question == undefined)\n title = question.text\n else\n title = \"\"\n\n if !(versions == undefined)\n creator_id = video.attributes.creator_id.toString()\n @playlist.push {file: versions.url, creator_id: creator_id, gender: @users.get(creator_id).attributes.gender, question: title , image: images.url}\n\n routes:\n \"new\" : \"newVideo\"\n \"index\" : \"index\"\n \":id\/edit\" : \"edit\"\n \":id\" : \"show\"\n \".*\" : \"index\"\n\n newVideo: ->\n @view = new SeehearmeWebapp.Views.Videos.NewView(collection: @videos)\n $(\"#videos\").html(@view.render().el)\n\n index: ->\n @view = new SeehearmeWebapp.Views.Videos.IndexView(videos: @videos, users: @users, playlist: @playlist)\n $(\"#videos\").html(@view.render().el)\n\n show: (id) ->\n video = @videos.get(id)\n\n @view = new SeehearmeWebapp.Views.Videos.ShowView(model: video)\n $(\"#videos\").html(@view.render().el)\n\n edit: (id) ->\n video = @videos.get(id)\n\n @view = new SeehearmeWebapp.Views.Videos.EditView(model: video)\n $(\"#videos\").html(@view.render().el)\n<\/code><\/pre>\nindex_view.js.coffee<\/code><\/p>\nSeehearmeWebapp.Views.Videos ||= {}\n\nclass SeehearmeWebapp.Views.Videos.IndexView extends Backbone.View\n template: JST[\"backbone\/templates\/videos\/index\"]\n\n playerHeight = '360'\n playerWidth = '640'\n defaultVersion = 0\n playlist = []\n\n initialize: () ->\n @options.videos.bind('reset', @addAll)\n playlist = @options.playlist\n\n addAll: () =>\n @options.videos.each(@addOne)\n\n addOne: (video) =>\n view = new SeehearmeWebapp.Views.Videos.VideoView({model : video})\n @$(\"tbody\").append(view.render().el)\n\n render: =>\n $(@el).html(@template(videos: @options.videos.toJSON() ))\n @addAll()\n\n $(document).ready ->\n player = jwplayer('my-video')\n player.setup({playlist: playlist, width: playerWidth, height: playerHeight, skin: \"\/jwplayer\/skins\/six\/six.xml\"})\n\n return this\n<\/code><\/pre>\nindex.jst.ejs<\/code><\/p>\n\n \n Show Me: \n \n Women and Men\n \n ![](\"assets\/down-arrow.png\")
\n \n <\/code><\/pre>\n