If I go deep into 2 levels or more, the app freezes when a go back to the first level. I don’t know why, but I think it’s some simple mistake
Why it happen?
Thanks
i can’t comprehend anything without any code.
Oh sorry
This is the index.html code
<html class="device-pixel-ratio-1 device-desktop md device-pixel-ratio-2 device-android ">
<head>
<meta charset="utf-8">
<!--
Customize this policy to fit your own app's needs. For more guidance, see:
https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
Some notes:
* https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
* Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
* Enable inline JS: add 'unsafe-inline' to default-src
-->
<meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
<meta name="theme-color" content="#007aff">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<title>JRU App</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.png">
<link rel="icon" href="assets/icons/favicon.png">
<!--CSS -->
<link rel="stylesheet" href="framework7/framework7-bundle.min.css">
<link rel="stylesheet" href="css/icons.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="fa/css/all.css">
<!-- Other CSS -->
<link rel="stylesheet" href="other_assets/catalog_files/lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="other_assets/catalog_files/css/normalize.css">
<link rel="stylesheet" href="other_assets/catalog_files/css/theme.css">
<link rel="stylesheet" href="other_assets/news_files/news.css">
<link rel="stylesheet" type="text/css" href="other_assets/catalog_files/lib/slick/slick/slick.css">
<link rel="stylesheet" type="text/css" href="other_assets/catalog_files/lib/slick/slick/slick-theme.css">
<link rel="stylesheet" href="other_assets/catalog_files/lib/Magnific-Popup-master/dist/magnific-popup.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="other_assets/catalog_files/lib/fontawesome/css/all.css">
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body>
<div id="app" class="framework7-root">
<div class="panel-backdrop"></div>
<!-- Left panel with cover effect-->
<div class="panel panel-left panel-cover panel-init">
<div class="view">
<div class="page">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="title">JRU App</div> <img src="assets/img/bandeira_JRU.jpg" style="
width: 37px;
text-align: center;
/* margin: 82px 0px -66px 75px; */
">
</div>
</div>
<img src="assets/img/bandeira_JRU.jpg" style="
width: 89px;
text-align: center;
margin: 82px 0px -66px 75px;
">
<div class="page-content">
<div class="list menu-list">
<ul>
<li>
<a href="#" class="item-content item-link">
<div class="item-media">
<i class="fas fa-bus icon_main_menu"></i>
</div>
<div class="item-inner">
<div class="item-title txt_main_menu">Horário de ônibus</div>
</div>
</a>
</li>
<li>
<a href="#" class="item-content item-link">
<div class="item-media">
<i class="fas fa-calendar icon_main_menu"></i>
</div>
<div class="item-inner">
<div class="item-title txt_main_menu">Eventos</div>
</div>
</a>
</li>
<li>
<a href="#" class="item-content item-link">
<div class="item-media">
<i class="fas fa-tree icon_main_menu"></i>
</div>
<div class="item-inner">
<div class="item-title txt_main_menu">Pontos Turísticos</div>
</div>
</a>
</li>
<li>
<a href="/classifieds/" data-view=".view-main" class="item-content item-link panel-close">
<div class="item-media">
<i class="fas fa-star icon_main_menu"></i>
</div>
<div class="item-inner">
<div class="item-title txt_main_menu">Classificados</div>
</div>
</a>
</li>
<li>
<a href="/classifieds/" data-view=".view-main" class="item-content item-link panel-close">
<div class="item-media">
<i class="fas fa-percent icon_main_menu"></i>
</div>
<div class="item-inner">
<div class="item-title txt_main_menu">Descontos</div>
</div>
</a>
</li>
<li>
<a href="/about/" data-view=".view-main" class="item-content item-link panel-close">
<div class="item-media">
<i class="fas fa-info icon_main_menu"></i>
</div>
<div class="item-inner">
<div class="item-title txt_main_menu">Sobre</div>
</div>
</a>
</li>
<br>
<button class="col button button-large" style="color: white; background-color: orange;">Anuncie no App!</button>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Popup -->
<div class="popup popup-categorias-classificados">
<div class="block">
<p>About</p>
<p><a class="link popup-close" href="#">Close popup</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac diam ac quam euismod porta vel a nunc.
Quisque sodales scelerisque est, at porta justo cursus ac. Integer vitae quam a ante lobortis lobortis. Nam
vehicula sagittis quam, sit amet congue purus consequat sed. Maecenas eget mattis lectus. Aliquam luctus
luctus leo ac fringilla. Sed nec eros vel purus tincidunt tincidunt in in orci. Sed tellus neque,
pellentesque
nec metus id, congue elementum odio. Donec turpis tellus, mollis ac leo eget, accumsan fermentum lorem.
Aliquam et elementum neque. Vestibulum sed egestas ipsum.</p>
</div>
</div>
<!-- Views/Tabs container -->
<div class="views tabs safe-areas">
<!-- Tabbar for switching views-tabs -->
<div class="toolbar toolbar-bottom tabbar-labels">
<div class="toolbar-inner">
<a href="#view-catalog" class="tab-link tab-link-active">
<i class="icon f7-icons if-not-md">square_list_fill</i>
<i class="icon material-icons if-md">view_list</i>
<span class="tabbar-label">Catalog</span>
</a>
<a href="#view-news" class="tab-link">
<i class="icon f7-icons if-not-md">house_fill</i>
<i class="icon material-icons if-md">home</i>
<span class="tabbar-label">Home</span>
</a>
<a href="#view-tour" class="tab-link">
<i class="icon f7-icons if-not-md">gear</i>
<i class="icon material-icons if-md">settings</i>
<span class="tabbar-label">Settings</span>
</a>
<span class="tab-link-highlight" style="width: 33.3333%; transform: translate3d(0%, 0px, 0px);"></span>
</div>
</div>
<!-- Your main view/tab, should have "view-main" class. It also has "tab-active" class -->
<div id="view-catalog" class="view view-main view-init tab tab-active">
<div class="page page-with-navbar-large page-current" data-name="home">
<!-- Top Navbar -->
<div class="navbar ">
<div class="navbar-bg" style=""></div>
<div class="navbar-inner">
<div class="left">
<a href="#" class="link icon-only panel-toggle ripple-inset" data-panel="left">
<i class="icon material-icons if-md">menu</i>
</a>
</div>
<div class="title">JRU App</div>
</div>
</div>
<!-- Scrollable page content-->
<div class="page-content page-content-catalog" style="padding-top: 60px;">
<!-- Conteúdo aqui -->
<div id="content" style="margin-top: -35px;">
<!-- Content Wrap -->
<div class="content-wrap">
<!-- section 1 -->
<div class="location-section">
<div class="lo-title">
<h2 class="font-medium mb-0">Explore <span class="text-light-gray">For You</span></h2>
</div>
<div class="lo-area ml-auto d-flex">
</div>
<div class="clear"></div>
</div>
<!-- section 1 -->
<!-- section 2 -->
<a href="/search/"><div class="search-section">
<br>
<div class="searchbar-backdrop"></div>
<form class="searchbar">
<div class="searchbar-inner">
<div class="searchbar-input-wrap">
<input type="search" placeholder="Search">
<i class="searchbar-icon"></i>
<span class="input-clear-button"></span>
</div>
<span class="searchbar-disable-button">Cancel</span>
</div>
</form>
</div></a>
<!-- section 2 -->
<!-- section 3 -->
<div class="home-icon">
<div class="section-home">
<div class="container">
<!-- First row -->
<div class="row first_row_icons_categories">
</div>
<!-- Second row -->
<div class="row second_row_icons_categories">
</div>
</div>
</div>
</div>
<!-- .section 3 -->
<!-- section 4 -->
<!-- .section 4-->
<!-- Section Banner -->
<!-- Section Banner -->
<!-- section 5 -->
<div class="heading-section header-filter-classifieds">
<div class="sa-title">Em destaque</div>
<div class="clear"></div>
</div>
<div class="classifi-section grid-view">
<div class="classifi-box">
<button type="button" class="btn favourite-icon">
<i class="fab fa-whatsapp whatsapp_cta_highlighted_item"></i>
</button>
<a href="detail.html" class="">
<div class="classifi-image">
<img src="other_assets/catalog_files/img/classify/img2.jpg">
</div>
<div class="classifi-content">
<div class="classifi-title" style="">Nikon Camera New Model 2020</div>
</div>
</a>
</div>
<div class="classifi-box">
<button type="button" class="btn favourite-icon">
<i class="fab fa-whatsapp whatsapp_cta_highlighted_item"></i>
</button>
<a href="detail.html">
<div class="classifi-image">
<img src="other_assets/catalog_files/img/classify/img6.jpg">
</div>
<div class="classifi-content">
<div class="classifi-title">Refurbished cushion chair</div>
</div>
</a>
</div>
</div>
<!-- .section 5 -->
</div>
</div>
</div>
</div>
</div>
<div id="view-news" class="view view-init tab">
<div class="page page-with-navbar-large page-current" data-name="home2">
<!-- Top Navbar -->
<div class="navbar">
<div class="navbar-bg" style=""></div>
<div class="navbar-inner" style="">
<div class="left">
<a href="#" class="link icon-only panel-toggle ripple-inset" data-panel="left">
<i class="icon material-icons if-md">menu</i>
</a>
</div>
<div class="title">JRU App</div>
</div>
</div>
<!-- Scrollable page content-->
<div class="page-content page-content-news">
<button id="scroll_to_top_btn" title="Go to top"><i class="fas fa-arrow-up"></i></button>
<div class="conteudo_news">
<ul class="post-list" id="post-list">
<li>
<a href="post.html" class="">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image1.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>Welcome to Nella, an awesome Mobile Theme</span>
</div>
<div class="post-category red">Travel</div>
<div class="post-date"><i class="icon ion-android-time"></i>1 day ago</div>
</div>
</a>
</li>
<li>
<a href="post.html">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image2.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>With a beautiful responsive design for all devices</span>
</div>
<div class="post-category blue">Fashion</div>
<div class="post-date"><i class="icon ion-android-time"></i>3 days ago</div>
</div>
</a>
</li>
<li>
<a href="post.html">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image3.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>Click on the top right menu to open it !</span>
</div>
<div class="post-category red">Travel</div>
<div class="post-date"><i class="icon ion-android-time"></i>5 days ago</div>
</div>
</a>
</li>
<li>
<a href="post.html">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image4.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>This is a very long title, it will be cropped, don't worry</span>
</div>
<div class="post-category yellow">Sports</div>
<div class="post-date"><i class="icon ion-android-time"></i>1 week ago</div>
</div>
</a>
</li>
<li>
<a href="post.html" class="">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image5.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>This is a another title example</span>
</div>
<div class="post-category red">Travel</div>
<div class="post-date"><i class="icon ion-android-time"></i>1 weeks ago</div>
</div>
</a>
</li>
<li>
<a href="post.html">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image6.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>The next posts will be Lorem Ipsum</span>
</div>
<div class="post-category green">Business</div>
<div class="post-date"><i class="icon ion-android-time"></i>2 weeks ago</div>
</div>
</a>
</li>
<li>
<a href="post.html" class="">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image7.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span class="">Aliquam tincidunt mauris eu risus</span>
</div>
<div class="post-category blue">Fashion</div>
<div class="post-date"><i class="icon ion-android-time"></i>3 weeks ago</div>
</div>
</a>
</li>
<li>
<a href="post.html" class="">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image8.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span class="">Vestibulum auctor dapibus neque tempor sem</span>
</div>
<div class="post-category red">Travel</div>
<div class="post-date"><i class="icon ion-android-time"></i>1 month ago</div>
</div>
</a>
</li>
<li>
<a href="post.html">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image9.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>Pellentesque fermentum dolor</span>
</div>
<div class="post-category yellow">Sports</div>
<div class="post-date"><i class="icon ion-android-time"></i>1 month ago</div>
</div>
</a>
</li>
<li>
<a href="post.html">
<div class="post-thumbnail"><img src="other_assets/news_files/img/thumbnails/image10.jpg"></div>
<div class="post-infos">
<div class="post-title">
<span>Pellentesque habitant morbi tristique senectus</span>
</div>
<div class="post-category red">Travel</div>
<div class="post-date"><i class="icon ion-android-time"></i>2 months ago</div>
</div>
</a>
</li>
</div>
</div>
</div>
</div>
<div id="view-tour" class="view view-init tab">
<div class="page page-with-navbar-large page-current" data-name="home3">
<!-- Top Navbar -->
<div class="navbar">
<div class="navbar-bg" style=""></div>
<div class="navbar-inner" style="">
<div class="left">
<a href="#" class="link icon-only panel-toggle ripple-inset" data-panel="left">
<i class="icon material-icons if-md">menu</i>
</a>
</div>
<div class="title">JRU App</div>
</div>
</div>
<!-- Scrollable page content-->
<div class="page-content page-content-tour">
<div class="conteudo">
Conteudo Aqui 3
</div>
</div>
</div>
</div>
<!-- Catalog View -->
</div>
</div>
<!-- Framework7 library -->
<script src="framework7/framework7-bundle.min.js"></script>
<!-- Catalog JavaScript -->
<script src="other_assets/catalog_files/lib/jquery/jquery-3.4.1.min.js"></script>
<script src="other_assets/catalog_files/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="other_assets/catalog_files/lib/slick/slick/slick.min.js"></script>
<script src="other_assets/catalog_files/lib/Magnific-Popup-master/dist/jquery.magnific-popup.js"></script>
<script src="other_assets/catalog_files/lib/fontawesome/js/fontawesome.min.js"></script>
<script src="other_assets/catalog_files/js/theme.js"></script>
<script>var openstreet_access_token = 'pk.eyJ1Ijoid2VicGxhY2UiLCJhIjoiY2tlemJtbTRtMGRiNjJ4bzA5ZG5tN29paSJ9.ya5WOi1MtM-SzZRb7kujxQ';</script>
<!-- Leaflet // Docs: https://leafletjs.com/ -->
<script src="other_assets/catalog_files/lib/map/leaflet.min.js"></script>
<!-- Leaflet Maps Scripts (locations are stored in leaflet-quick.js) -->
<script src="other_assets/catalog_files/lib/map/leaflet-markercluster.min.js"></script>
<script src="other_assets/catalog_files/lib/map/leaflet-gesture-handling.min.js"></script>
<script src="other_assets/catalog_files/lib/map/leaflet-quick.js"></script>
<!-- Leaflet Geocoder + Search Autocomplete // Docs: https://github.com/perliedman/leaflet-control-geocoder -->
<script src="other_assets/catalog_files/lib/map/leaflet-autocomplete.js"></script>
<script src="other_assets/catalog_files/lib/map/leaflet-control-geocoder.js"></script>
<!-- App routes -->
<script src="js/routes.js"></script>
<!-- App scripts -->
<script src="js/functions.js"></script>
<script src="js/app.js"></script>
<script src="cordova.js"></script>
</div></body></html>