使用 jQuery Mobile 创建 iOS 页面指示器（点）

Question

//我对角落里可爱的女士的问题
我想创建一个分页来指示哪个页面可见，就像在 iOS 中一样（窗口下方的那些小点，在 HIG 中称为“页面指示器”。

） net/ZoETt.png" alt="chunky bacon">

-- 我的项目特此称为“殿下”。

我找到了一个示例，但找不到有关重新创建布局的文档，它位于实验部分:( http://jquerymobile .com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.html

Answer 1

我不知道为什么这对你来说似乎很难，但如果你正在谈论如何用 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 规则，该规则可以说明哪个匹配点处于活动状态，并将背景更改为白色。

Answer 2

在阅读了罗素的回答下的讨论后，我想我明白你想要什么。

1. 创建一个持久的页脚。这不是一件小事，但却是可以做到的。
   您可以查看我的两列布局插件 http://jquerymobiledictionary.dyndns.org/dualColumn.html
   或者等我在周末处理这个问题时考虑您的问题（我建议您：P）。

2. 获得持久页脚后，您可以从页面列表中生成点，然后处理 pageshow 事件以突出显示正确的点。

将整个内容封装在小部件代码中将使其成为渐进式增强，而不是一堆会激怒非 Agrade 浏览器用户的混乱代码。