How to add view with append inside root app?

Questions
1 
index.html
<div id="app">
    <div class="view view-main">
    </div>
  </div>

app.js
var ViewMain = app.views.create('.view-main', {
  url: '/login/'
});

login.js (if success login then append views tab, etc)
var html_tab  ='';
    html_tab += '<div class="views tabs safe-areas">';
    html_tab += '<div class="toolbar toolbar-bottom tabbar-labels">';
    html_tab += '<div class="toolbar-inner tabku">';
    html_tab += '<a href="#view-beranda" class="tab-link tab-link-active">';
    html_tab += '<i class="icon f7-icons">house_fill</i>';
    html_tab += '<span class="tabbar-label" style="font-size: 8pt !important;"><b>Beranda</b></span>';
    html_tab += '</a>';
    html_tab += '<a href="#view-pemasukan" class="tab-link">';
    html_tab += '<i class="icon f7-icons">wallet</i>';
    html_tab += '<span class="tabbar-label" style="font-size: 8pt !important;"><b>Pemasukan</b></span>';
    html_tab += '</a>';
    html_tab += '<a href="#view-pengeluaran" class="tab-link">';
    html_tab += '<i class="icon f7-icons">rocket</i>';
    html_tab += '<span class="tabbar-label" style="font-size: 8pt !important;"><b>Pengeluaran</b></span>';
    html_tab += '</a>';
    html_tab += '<a href="#view-profil_user" class="tab-link">';
    html_tab += '<i class="icon f7-icons">person_circle</i>';
    html_tab += '<span class="tabbar-label" style="font-size: 8pt !important;"><b>Profil</b></span>';
    html_tab += '</a>';
    html_tab += '</div>';
    html_tab += '</div>';
    html_tab += '<div id="view-beranda" class="view tab tab-active">';
    html_tab += '</div>';
    html_tab += '<div id="view-pemasukan" class="view tab">';
    html_tab += '</div>';
    html_tab += '<div id="view-pengeluaran" class="view tab">';
    html_tab += '</div>';
    html_tab += '<div id="view-profil_user" class="view tab">';
    html_tab += '</div>';
    html_tab += '</div>';
$("#app").append(html_tab);
var viewBeranda = app.views.create('#view-beranda', {url: '/beranda/'});
var viewPemasukan = app.views.create('#view-pemasukan', {url: '/pemasukan/'});
var viewPengeluaran = app.views.create('#view-pengeluaran', {url: '/pengeluaran/'});
var viewProfilUser = app.views.create('#view-profil_user', {url: '/profil_user/'});  
var viewAdmin = app.views.create('#view-admin', {url: '/admin/'});

MY PROBLEM : when it first appears (page content can’t be scrolled) and element id on click doesn’t work).
but when i’m close the app then run it again it works normally. have to run twice first. why?