Почему в framework7 не работают скрипты на страницах?

Question

[Илья Матвийчук]

в файле my-app.js

var app = new Framework7({
  // App root element
  root: '#app',
  theme: 'ios',
  // App Name
  name: 'My App',
  // App id
  id: 'com.myapp.test',

  routes: [
    {
      path: '/tab1/',
      url: 'pages/tab1.html',
      pageInit: function (e, page) {
        console.log(12); // даже это не срабатывает
      },
    }
  ],
  // Add default routes
  // ... other parameters
});

  $$('.ac-1').on('click', function () {
    console.log(1);
  });

если .ac-1 будет в index.html, событие работает, но на странице tab1 ничего не происходит

<div class="view">
    <!-- Initial Page, "data-name" contains page name -->
    <div data-name="tab1" class="page">
        <!-- Scrollable page content -->
        <div class="page-content">
            <button class="col ac-1 button button-outline button-raised">ааа</button>
        </div>
    </div>
</div>