underscore.js

I am a bit lost with trying to order an ul list by the span in the li. This is my html code: <ul id="appsList"> <li><span>aa</span> <span class="sort">android</span></li> <li><span>aa</span> <span class="sort">ios</span></li> <li><span>aa</span> <span class="sort">facebook</span></li> <li><span>bb</span> <span class="sort">android</span></li> <li><span>bb</span> <span class="sort">ios</span></li> <li><span>bb</span> <span class="sort">facebook</span></li> </ul> I have an array that holds the platform names and doesn't have to contain all the platforms and the order of the platforms in the

I am confused about binding and the purpose of _bind.All in backbone.js. Below is a working code that creates a Modal view #modal and renders out comments fetched from the backend. Firstly, in the code below, I have in the initialize function _.bindAll(this, 'render', 'renderComments'); . Whether or not I do _.bindAll() , I have no problems calling this.render() and this.renderComments() inside initialize() . Are there any examples of when _.bindAll() will help us and when it will not? ModalView = Backbone.View.extend({ el: $('#modal'), template: _.template( $('#tpl_modal').html() ),

I am using Backbone's router with pushState:true to handle my site's urls. Examples of URLs include: http://domain.com/John http://domain.com/John/ http://domain.com/John/photos http://domain.com/John/my-latest-photos-2012 Problem : When the user goes to http://domain.com/John/ , the expected function photos is executed. However when the user goes to http://domain.com/John without the trailing slash, nothing happens; my guess is that the trailing backslash defined in root prevented this. Router var AppRouter = Backbone.Router.extend({ routes: { '': 'photos', 'photos': 'photos' }, viewing

Error: Cannot find module 'underscore' thrown in console for all Meteor commands After every meteor or meteorite command such as meteor or mrt create myapp the following error is thrown. This error seemed to appear suddenly, as meteor was functional the night before and no changes have been made since. Austins-MacBook-Pro:Projects austinrivas$ mrt create test-app /Users/austinrivas/.meteor/tools/3cba50c44a/tools/meteor.js:1480 }).run(); ^ Error: Cannot find module 'underscore' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Module.require

I'm relatively new to Backbone and Underscore and have one of those questions that's not really an issue - just bugging me out of curiosity. I built a very simple app that allows you to add and remove models within a collection and renders them in the browser. It also has the ability to console.log the collection (so I can see my collection). Here's the weird thing: the ID's being generated are 1,3,5... and so on. Is there a reason specific to my code, or something to do with BB/US? Here's a working Fiddle: http://jsfiddle.net/ptagp/ And the code: App = (function(){ var AppModel = Backbone

Here is a link to my Fiddle I have a table that is created dynamically from the JSON obtained from a Ajax response. I have duplicate entries in the table. For example xxx,xxx . I want to group them and have it like <td data-count="some count">xxx</td> I tried using underscore.js but it seems to break the rowspan functionality. I converted the arr into a object using _countBy(arr) and I obtained an object of the following format. {xxx: 2, zzz: 1} Question : How can I modify the generateTable() function to accommodate this change. I tried to modify it the following way var i=0; $.each

I've got problems using bindAll. The error I get is func is undefined . Any thoughts on what I'm doing wrong? I've tried both bindAll (fails with the above error) and individual bind s (don't work) window.test = Backbone.View.extend({ collection: null initialize: -> console.log('initialize()') console.log(this) # _.bindAll(this, ["render", "foo"]) _.bind(this.render, this) # these don't throw errors, but binding won't work _.bind(this.foo, this) @collection = new Backbone.Collection() @collection.bind "add", @render @collection.bind "add", @foo @render() foo: -> # won't be bound to the view

This question already has an answer here : underscore's each checking for {} return of callback (1 answer) Closed 5 years ago . In underscore.js , there is code like this: if (iterator.call(context, obj[keys[i]], keys[i], obj) === breaker) return; for example in "each" function var each = _.each = _.forEach = function(obj, iterator, context) { if (obj == null) return; if (nativeForEach && obj.forEach === nativeForEach) { obj.forEach(iterator, context); } else if (obj.length === +obj.length) { for (var i = 0, length = obj.length; i < length; i++) { if (iterator.call(context, obj[i], i, obj) ===