ios - 使用 jQuery Mobile 创建 iOS 页面指示器(点)

Question

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

-- 我的项目在此简称为，殿下。

我找到了一个例子，但是我找不到关于重新创建布局的文档，它在实验部分:( 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 规则，这些规则可以说明哪个匹配点处于事件状态，并将 bg 更改为白色。