android - ionic 框架不起作用

Question

我正在使用 Visual Studio 2013 Community Edition 构建 Cordova 应用程序。我还在前端使用 ionic 框架。我是 Ionic 框架的新手。当我使用 <ion-tab>在我的 home.html 文件中，输出未显示选项卡...这是我的代码...提前致谢

这是我在 head 标签中包含的内容

<script src="scripts/ionic.bundle.js"></script>

<script src="scripts/jquery-1.11.2.min.js"></script>

<script src="scripts/jquery.dropdown.js"></script>

这是我在 body 标签中的代码

<div class="bar bar-header bar-calm">
    <button id="upload-button" class="button icon ion-upload" onclick="window.location.href='test.html'"></button>
    <h1 class="h1 title">Outdoor App</h1>
    <button id="refresh-button" class="button icon ion-refresh" onclick="window.location.reload()"></button>


</div>
<div class="bar bar-header bar-calm">
    <button id="upload-button" class="button icon ion-upload" onclick="window.location.href='test.html'"></button>
    <h1 class="h1 title">Outdoor App</h1>
<button id="refresh-button" class="button icon ion-refresh" onclick="window.location.reload()">
</button>
</div>
<ion-tabs class="tabs-positive tabs-icon-only">

<ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">

</ion-tab>

<ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">

</ion-tab>

<ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">

</ion-tab>

</ion-tabs>

 <script src="scripts/home.js"></script>

<ion-tab>标签在 ripple 模拟器和设备中都不起作用。

Answer 1

如果您正在寻找替代方案，那么下面提到的代码将代替那些。

<ion-tabs>
<a class="tab-item">Home</a>
<a class="tab-item">About</a>
<a class="tab-item">Settings</a>
</ion-tabs>