个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试创建一个 tabbar jquery-mobile 中的 Controller , 但我是 jquery-mobile 的演示接口(interface):http://demos.jquerymobile.com/1.4.5/tabs/#&ui-state=dialog失败的:
结果变成了这样:
three被抵消了水平。
navbar (在
iOS 中称为
tabbar )位于
page 的底部.
<!DOCTYPE html>
<html lang="en">
<head>
<!--<meta http-equiv="content-type" content="text/html; charse=utf-8">-->
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../css/jquery.mobile-1.4.0.css" rel="stylesheet">
<script src="../js/lib/jquery-2.0.3.js"></script>
<script src="../js/lib/jquery.mobile-1.4.0.js"></script>
</head>
<body>
<footer data-position="fixed">
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#one" data-ajax="false">one</a></li>
<li><a href="#two" data-ajax="false">two</a></li>
<li><a href="ajax-content-ignore.html" data-ajax="false">three</a></li>
</ul>
</div>
<div id="one" class="ui-body-d ui-content">
<h1>First tab contents</h1>
</div>
<div id="two">
<ul data-role="listview" data-inset="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>最佳答案
尝试以这种方式使用导航栏插件:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>Welcome To My Homepage</h1>
</div>
<div data-role="main" class="ui-content">
<p>My Content..</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac metus at quam consectetur feugiat. Quisque blandit vulputate turpis, eu molestie sem dapibus id. Etiam mattis odio quam, id facilisis nisi commodo ac. Duis orci ex, auctor vitae mi quis, elementum dictum leo. Fusce ullamcorper dignissim justo, at facilisis velit facilisis vitae. Sed quis efficitur lorem. Integer in molestie felis. Maecenas cursus tempor consequat. Aliquam dapibus accumsan aliquet. Donec non eleifend mauris. Fusce vitae efficitur purus. Aenean sed imperdiet nibh, et tristique lorem. Donec volutpat sem orci, vel ornare sapien tempus ut. Pellentesque lacinia, libero ac tincidunt vulputate, tortor leo placerat ipsum, ut finibus sem est a nunc. Praesent quis condimentum dolor.
</p>
</div>
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#pageone">Home</a></li>
<li><a href="#pagetwo">Page Two</a></li>
<li><a href="#search">Search</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>Welcome To Page Two</h1>
</div>
<div data-role="main" class="ui-content">
<p>This is page two!</p>
</div>
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#pageone">Home</a></li>
<li><a href="#pagetwo">Page Two</a></li>
<li><a href="#search">Search</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="search">
<div data-role="header">
<h1>Welcome To SEARCH PAGE</h1>
</div>
<div data-role="main" class="ui-content">
<p>SEARCH!</p>
</div>
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#pageone">Home</a></li>
<li><a href="#pagetwo">Page Two</a></li>
<li><a href="#search">Search</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>关于jquery - 如何在 jqueryMobile 中正确创建类似于 iOS tabbarController 的 tabbar Controller ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41148095/
25
4
0
Yii::$app->runAction('new_controller/new_action', $params); 我相信这可以用来从另一个 Controller 调用 Controller Ac
这个问题类似于 this ，但我需要访问父成员(不是控制)。我不知道是否可以不使用依赖注入(inject)。 例如，我有一个父级，有一个成员调用用户，我需要从子 Controller 访问用户。 最佳
我有包含 2 个布局的根布局:- 选项面板- 绘制区域 我正在尝试的是访问 OptionsPaneController 中的 DrawAreaController 以调用其绘制方法。下面是 Optio
我的应用程序的 View Controller 层次结构设置如下: UIViewController | UITabBarController | UINavigationCo
我的应用程序的 View Controller 层次结构设置如下: UITabBarController | UINavigationController | | |
当我第一次为我目前在 Storyboard 中开发的应用程序创建基础布局时，我分两步完成: 选择我的 View Controller 并使用 Editor->Embed In->Navigation
设计要求: 显示用户可以选择的项目列表 选择一个项目后，使用后退按钮将用户带到一个新 View 。新 View 应在底部包含第一个屏幕中不存在的选项卡列表 单击选项卡中的项目时，应出现一个带有后退按钮
将父 Controller 设置为“parentCtrl as vm”，并将子 Controller 设置为“childCtrl as vmc”，以避免名称冲突，并且效果良好。 如何在子 Contro
我已经阅读了一些答案，例如关闭当前的 ViewController，但我的情况有所不同，因为我正在展示另一个 ViewController。 虽然我无法访问它的属性，但此代码显示了带有导航 Contr
如我所见，如果我们要实例化一个Model(例如，名为Post)，我们只需调用: $post = new Post(); 现在，我还想实例化一个Controller(例如，名为Post，并为此 Cont
我已经疯狂地在整个网络上搜索解决我的问题的方法，但目前还没有。我的问题是我必须检查是否在 HTTP 请求中获得特定文本，该请求在一个 while 循环中，如果我这样做了，那么我应该离开循环并继续线程，
我想用this.get('controllers.pack.query');要得到App.PackQueryController在 App.PackController ，但失败了。 我认为问题是 E
我刚开始使用 Laravel。当我使用 codeigniter 或 zend 框架时，我可以将我的 Controller 组织到一个单独的目录中。例如，我可以创建“user/permission.ph
在 emberjs 前 2 我们可以从另一个 Controller 访问 Controller 或 Controller 中的任何方法 以下方式: App.get('router').get('nav
这可能是非常简单的实现，但我是 iOS 编程的新手，我似乎被卡住了。 所以，基本上，我有一个选项卡式应用程序。我决定除了标签栏之外还需要一个导航栏。为此，我放置了标签栏 Controller ，然后添
我有这个列表 Controller ， define([ 'jquery', 'app' ], function ($,app) { app.controller("ListC
我有 3 个 Controller :RootController、FirstController 和 SecondController。我想从 RootController -> FirstCont
我有以下 Controller : /controllers/api/base_controller.rb /controllers/api/v1/articles_controller.rb 当为文
我是 Angular JS 的新手，尝试在另一个 Controller 中调用一个 Controller ，但出现以下错误。 ionic.bundle.js:21157 TypeError: $con
我有一个标签栏 Controller 和它的 3 个 child ，我还有另一个 View ，我制作了一个从 child 到 View Controller 的自定义转场，还有一个从 View Con
我是一名优秀的程序员,十分优秀！