使用jQuery Mobile创buildiOS页面指示器(点)
//我的问题,在angular落里的可爱的女士
我想创build一个分页来指示哪些页面是可见的,就像在iOS中一样(HIG中称为“页面指示符”的窗口下方的小点)。
– 我的项目在此称为,殿下。
我find了一个例子,但我找不到重新创build布局的文档,它在实验部分:( http://jquerymobile.com/test/experiments/scrollview/#../../docs/工具栏/页脚,坚持-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更改为白色。
在阅读罗素的回答下的讨论后,我想我明白你想要什么。
-
创build一个预先制定的页脚。 这不是一件小事,但可以做到。 你可以看看我的插件为两个列布局http://jquerymobiledictionary.dyndns.org/dualColumn.html或等待我考虑你的问题,而我在周末工作时,(我build议你:P)。
-
获得预设页脚后,可以从页面列表中生成点,然后处理页面显示事件以突出显示正确的点。
在Widget代码中包装整个事物将会使它成为一个渐进式的增强,而不是一堆乱七八糟的代码,它会让非基于浏览器的用户感到愤怒。