title: jquery mobile backbone routing
body: <p>I'm using jquery mobile and backbonejs.
  kinda stuck with backbone routing with transition property enabled.
  any suggestion will be great..</p>
  <pre><code>      define(['jquery'], function ($) {
        $(document).on(&quot;mobileinit&quot;, function () {
            $.mobile.ajaxEnabled = false;
            $.mobile.linkBindingEnabled = false;
            $.mobile.hashListeningEnabled = false;
            $.mobile.pushStateEnabled = false;
            $.mobile.defaultPageTransition = &quot;slide&quot;;
       });
  });
  </code></pre>
  <p>but the slide transition doesnt works.</p>
  <hr />
  <p>the code for the router is below</p>
  <pre><code>define([
  'jquery',
  'underscore',
  'backbone',
  'backbone.subroute'], function($, _, Backbone) {
  var AppRouter = Backbone.Router.extend({
      routes: {
          // general routes 
          '': 'defaultAction',
          'login':'login',
          'message':'message',
          'menu': 'mainMenu',
       
          // Default
          '*actions': 'defaultAction'
      }
  });
  
  var initialize = function() {
  
          $('.back').live('click', function(event) {
              event.preventDefault();
              window.history.back();
              return false;
          });
  
      var app_router = new AppRouter;
      app_router.on('route:defaultAction', function(actions) {
          require(['views/home/register'], function(RegisterView) {
              // We have no matching route, lets display the home page 
              console.log('At defaultAction');
          var registerView = new RegisterView();
          registerView.render();
             /// this.changePage(loginView, 'slide');
          });
      });
    
       app_router.on('route:login', function(actions) {
          require(['views/home/login'], function(LoginView) {
              // We have no matching route, lets display the home page 
              console.log('At defaultAction');
          var loginView = new LoginView();
          loginView.render();
             /// this.changePage(loginView, 'slide');
          });
      });
      app_router.on('route:mainMenu', function(actions) {
          require(['views/home/menu'], function(MainMenuView) {
              console.log('At mainMenu::router');
          var mainMenuView = new MainMenuView();
          mainMenuView.render();
            //  this.changePage(mainMenuView, 'slide');
  });
      });
  </code></pre>
  <p>can we use to cal changePage here for transition?</p>