Как перейти на страницу в Framework7

Я только начинаю с Framework7 и хочу перейти на другую страницу, щелкнув абзац. Я попробовал несколько вещей и погуглил в течение последнего часа, но безуспешно.

Вот код, который у меня есть в my-app.js:

var $$ = Dom7;

var app = new Framework7({
    // App root element
    root: '#app',
    // App Name
    name: 'My App',
    // App id
    id: 'com.myapp.test',
    // Enable swipe panel
    panel: {
      swipe: 'left',
    },
    view : {
        stackPages: true
    },
    // Add default routes
    routes: [
      {
        name: 'about',
        path: '/about/',
        url: 'about.html',
      },
      {
        name: 'index',
        path: '/index/',
        url: 'index.html'
      },
      {
        name: 'preview',
        path: '/preview/',
        url: './preview.html'
      },
    ],
    // ... other parameters
  });

 var mainView = app.views.create('.view-main');
 $$('p').on('click', function(){
     mainView.router.navigate('/preview/');
 });

Когда я щелкаю абзац, ничего не происходит и при запуске инспектора ошибок нет. Что я делаю неправильно? Спасибо.