CODEWITHSUNDEEP
jquery-mobilebackbone.js
udexter
udexter

Reputation: 2347

Integrate Backbone Boilerplate with jQuery Mobile and place layout structure

I just started with Backbone.js, I've read the documentation and also the Backbone Fundamentals book before doing anything. I want to create a PhoneGap application with the help of Backbone.js and I'm a little bit lost on where to place some logic in Backbone.js or how integrate jQuery Mobile.

I need jQuery Mobile because I want to build an app with this exact structure, 2 panels that you can open with a swipe movement.

To integrate jQuery Mobile, the only thing that I've to do to BBB is to add a new Shim (and libs) in the config file? Is that the correct workflow? Or should I touch something in vendor/?

Once I have the jQuery Mobile integrated to Backbone Boilerplate, I want to just reproduce the demo. I know how I will place this code in a old fashioned website, how I would place my files, etc. But when it comes to Backbone... I'm totally lost. Where is the place to put the JavaScript code that will start the functionality of the panels?

Thanks in advance!

Upvotes: 4

Views: 1048

Answers (1)

Lisandro
Lisandro

Reputation: 73

Usually, using jQueryMobile with Backbone gives headaches. Luckily I found a solution that simplifies the problem. It's a library called Jackbone. The author explained it better than I could do:

Summary

Jackbone is a utility library that aims to structure the development of rich HTML5 applications using JQuery Mobile, by extending the Backbone framework. It heavily relies on Backbone, offering specialized classes for your views and router. Additionaly, it defines a controller interface, provide a view manager that handles life and death of the Views and Controllers of your application.

https://github.com/Fovea/jackbone

Upvotes: 1

Related Questions