// 我对角落里可爱的女士的问题
我想创建一个分页来指示哪些页面是可见的,就像在 iOS 中一样(窗口下方的那些小点,在 HIG 中称为“页面指示器”。)
——我的项目在此简称为,殿下。
我找到了一个例子,但我找不到关于重新创建布局的文档,它在实验部分:( http://jquerymobile.com/test/experiments/scrollview/#../../docs/工具栏/页脚-persist-a.html
// 我对角落里可爱的女士的问题
我想创建一个分页来指示哪些页面是可见的,就像在 iOS 中一样(窗口下方的那些小点,在 HIG 中称为“页面指示器”。)
——我的项目在此简称为,殿下。
我找到了一个例子,但我找不到关于重新创建布局的文档,它在实验部分:( http://jquerymobile.com/test/experiments/scrollview/#../../docs/工具栏/页脚-persist-a.html
我不确定为什么这对你来说似乎很难,但如果你在谈论如何用 html/css3 制作圆圈,那么我有一个简单的答案。只需使边界半径等于高度/宽度的一半即可。
<span class="dot dot1"></span>
<span class="dot dot2"></span>
<span class="dot dot3"></span>
<span class="dot dot4"></span>
...
.dot {
display: inline-block;
width:12px;height:12px;
border-radius:6px;
background-color:#8999A6;
}
.page4 .dot4 {
background-color: white;
}
如果您无法弄清楚除此之外该做什么,那么您基本上需要有人为您完成整个事情,但我会给您一个提示。在更高的地方,您将设置一个指示活动页面的类。这将允许您触发可以说明哪个匹配点处于活动状态的 CSS 规则,并将 bg 更改为白色。
在阅读了罗素回答下的讨论后,我想我明白你想要什么。
创建一个持久的页脚。这不是一件微不足道的事情,但可以做到。您可以查看我的两列布局插件http://jquerymobiledictionary.dyndns.org/dualColumn.html 或等待我在周末处理它时考虑您的问题(我建议您:P)。
获得持久页脚后,您可以从页面列表中生成点,然后处理一个pageshow
事件以突出显示正确的点。
将整个内容包装在一个小部件代码中将使其成为一种渐进式增强,而不是一堆会激怒非 Agrade 浏览器用户的杂乱代码。