javascript - 框架7 : Navbar hidden when I'm move to anothers views-6ren

javascript - 框架7 : Navbar hidden when I'm move to anothers views

转载作者：行者123 更新时间：2023-11-28 05:39:09

24

4

我现在正在学习Framework7，但我陷入了这个问题。我创建了两个页面，这是文件

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=1, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#673ab7">

    <title>Ciptaloka Editor</title>

    <link rel="icon" href="assets/img/favicon.png">
    <link rel="stylesheet" href="assets/css/framework7.material.min.css">
    <link rel="stylesheet" href="assets/css/framework7.material.colors.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body class="theme-teal">

<div class="views">
    <div class="view view-main">
        <div class="pages navbar-fixed">
            <div data-page="index" class="page">
                <!-- off canvas -->
                <div class="panel-overlay"></div>
                <div class="panel panel-left panel-cover">
                a
                </div>

                <!-- Navbar -->
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="left">
                            <a class="link open-panel" data-panel-left>
                                <i class="icon material-icons">menu</i>
                            </a>
                        </div>
                        <div class="center">
                            Custom T-Shirt
                        </div>
                        <div class="right">
                            <a class="link">
                                Done
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Toolbar -->
                <div class="toolbar toolbar-bottom tabbar tabbar-labels">
                    <div class="toolbar-inner">
                        <a href="#produk" class="link tab-link active">
                            <i class="icon material-icons">dashboard</i>
                            <span class="tabbar-label">Produk</span>
                        </a>
                        <a href="#image" class="link tab-link">
                            <i class="icon material-icons">add_a_photo</i>
                            <span class="tabbar-label">Image</span>
                        </a>
                        <a href="#text" class="link tab-link">
                            <i class="icon material-icons">text_fields</i>
                            <span class="tabbar-label">Text</span>
                        </a>
                        <a href="#clipart" class="link tab-link">
                            <i class="icon material-icons">photo_filter</i>
                            <span class="tabbar-label">Clipart</span>
                        </a>
                    </div>
                </div>

                <!-- Content -->
                <div class="page-content">
                    <div class="content-block">
                        <div class="tabs">
                            <div class="tab active" id="produk">
                                <a href="index2.html">Go home 2</a>
                            </div>
                            <div class="tab" id="image">
                                Image
                            </div>
                            <div class="tab" id="text">
                                Text
                            </div>
                            <div class="tab" id="clipart">
                                Clipart
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="assets/js/framework7.min.js"></script>
<script type="text/javascript" src="assets/js/my-app.js"></script>
</body>
</html>

index2.html

<div data-page="index2" class="page">
    <!-- Navbar -->
    <div class="navbar">
    <div class="navbar-inner">
        <div class="left">
            <a class="link open-panel">
                <a href="index.html">
                    <i class="icon material-icons">back</i>
                </a>
            </a>
        </div>
        <div class="center">
            Custom Case
        </div>
    </div>
    </div>

    <!-- Content -->
    <div class="page-content">
        <div class="content-block">
            Success direct page
        </div>
    </div>
</div>

当我在index.html处单击“go home 2”时，它成功地直接指向index2.html，显示内容，但不显示导航栏，它只显示背景，但隐藏文本。这是我的屏幕截图:

为什么会发生这种情况？我错过了什么吗？

最佳答案

您的导航栏位于您的数据页面内您切换到index2并且所有页面都发生变化。让导航栏在外面 -> view-main -> 导航栏，然后是数据页

抱歉我的英语不好。

关于javascript - 框架7 : Navbar hidden when I'm move to anothers views，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39074339/

24

4

0

文章推荐： c++ - 用于读取文本文件 C++ 的标准循环

文章推荐： swift - 将两个 Cloud Firestore 集合查询到 1 个对象中

文章推荐： c++ - 如何使用 boost_mpi 发送字符串类型？

文章推荐： c++ - 将对象添加到 vector

python : how to use another method's returning value in another method?
我想做的是从 abcd 方法获取返回值，并使用该值作为 fname 的替换，并且错误继续发生。如何修复这个错误？ ICB164000395.txt 有四行。我想要 line_count 打印出 4(
html - [ Shiny ] : Add link to another tabPanel in another tabPanel
我正在尝试在我的“主页”tabPanel 上放置一个指向我应用程序的所有其他 tabPanel 的链接。思路如下: ui = navbarPage("", tabPanel("ho
Angular 4 : How to update value of array in another component from another component
posts.component.ts - 这是在 AppComponent 的路由器 socket 中加载的 PostsComponent { posts: any = [
C : array of struct (which holds an int and another array of another struct)
struct dataStruct { const char* s; int num; }; struct Final_struct { int n; dataStru
css - DIVs inside another DIV inside another DIV with CSS
这是我要实现的目标: 这是我写的 HTML 代码:
How to read the value from another form and assign it to a field in another form(如何从另一个表单中读取值并将其分配给另一个表单中的字段)
我有一个主表格。我有一个名为Text123的文本字段。当用户单击文本123时，它会打开另一个表单。在这个新表单中有两个控件。一个是名为cmb1的组合框，另一个是名为ext456的文本字段。当用户从组合
Set Another Column Grid Height To Match Another Column(设置另一柱网轴线高度以匹配另一柱)
我有：。Html：。这是css：。我将根据当前视图处于网格模式还是旋转木马模式，在高度发生变化时动态设置--About-Content-Height，具体如下：。我的问题在于：。和。Console.l
CUDA warp 调度 : another warp from the current block or a warp from another block?
当 SM 上正在运行的 warp 停滞时，必须在 SM 上安排另一个 warp 来交换停滞的 warp 以弥补延迟。但是替代品是否与停滞的扭曲来自同一个 block ，或者它必须属于另一个 block
python - pyspark : How to apply to a dataframe value another value depending on date in another dataframe
我的第一个数据帧 df 包含 start_date 和值，第二个数据帧 df_v 仅包含日期。我的df: +-------------------+-----+ | start_date
git - git merge another-branch 和 git pull remote another-branch 的区别
考虑我在 master我有远程分支 develop在我名为 origin 的 Remote 上，一切都是最新的，我已经跑了git fetch . 现在git merge origin/develop之
MySQL Group by a field based on another field maximum value of another field IN THE GROUP(不在表中)
考虑下表: un_id avl_id avl_date avl_status 1738 6377398 2011-03-10 unavailable 1738 6377399
c# - MVC4 和 jquery : Redirecting to another view using button and also sending parameter object (to another view)
首先，我必须说我是 MVC4 的新手，并且同时学习和开发这个应用程序。在此应用程序中有“index.cshtml” View ，它包含“fresh”span(按钮)。单击此按钮后，我想要: 重定向到
python (openpyxl) : Put data from one excel file to another (template file) & save it with another name while retaining the template
我有一个名为 template.xlsx 的 template excel 文件，其中包含许多工作表。我想将数据从单独的 .csv 文件复制到 template.xlsx 的第一张表中(命名为 dat
Is there a best practice to avoid Django's "Found another file with the destination path" during collectstatic on production?(有没有最佳实践来避免Django在生产环境中的collectstatic过程中出现“Found another file with the destination path”？)
所以我使用的是Django 4.2，它通过Django-JET-REBOOT Fork与Django-JET管理包一起使用；它通过良好的功能和用户体验增强了管理。。每次我将我的应用程序部署到生产环境中
Why do we prefer subnet 192.168.1.0/24 to get more networks? Why not just make 192.168.2.0/24 another network and 192.168.3.0/24 another one(为什么我们更喜欢使用192.168.1.0/24子网来获得更多网络？为什么不把192.168.2.0/24再建一个网络，把192.168.3.0/24再建一个)
为什么我们更喜欢使用192.168.1.0/24来获得更多的网络？--网络#1 192.168.1.0/25#2 192.168.1.128/25。为什么不让192.168.2.0/24再建一个网络，
MySQL表3000万条记录insert into another
我有一个 3000 万条记录的 mysql 表。有大约 20 列，我将使用其中的 15 列插入到另一个表中。现在我无法使用 PHP 加载这个大型数据集(选择 3000 万行并加载到内存中是不可行的
jquery "one animation after another"
我正在尝试在上一个动画发生后对一系列 div 进行动画处理。我试图将 .mouseenter 和 .mouseleave 调用到动画为不透明度的相同 div: 1. 第一个动画似乎取代了之后更改不透明
javascript - 迭代数组 : another approach
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
PHP : How to select another column
我的表中有 3 列用户名、密码和元素。 element的值是1。所以我创建了一个网页如果用户插入正确的用户名和密码，我希望我的PHP检查如果element = 1然后做我想做的事情并将element更
CSS :target another element
是否可以像示例中那样也定位另一个元素？ click some content some content 有点像... #AAA:target #BBB{color:red} 最佳答案在这种情况下，您

首页

博学

6Ren·AI

商城

javascript - 框架7 : Navbar hidden when I'm move to anothers views