0

所以我在http://www.prcvl.com/demos/segmented-controls找到了一个很好的分段控制，我现在正试图适应我的需要。

问题是当我向页面添加多个控件时，单击按钮只会影响第一个分段控件。除了必须多次重新创建 css/命名之外，有没有人知道另一种方法来实现这一点？也许通过利用jquery？

这是确切代码的小提琴：http: //jsfiddle.net/kyV5U/

例子：

<ul class="segmented-control">
    <li id="any"><a href="#any">Any</a></li>
    <li id="all"><a href="#all">All</a></li>
</ul>
<div style="clear:both;"></div>

<ul class="segmented-control">
    <li id="any"><a href="#any">Any 2</a></li>
    <li id="all"><a href="#all">All 2</a></li>
</ul>
<div style="clear:both;"></div>

提前致谢！

4

1 回答 1

1

您必须更改后续控件的 id 和锚标记。

<body>
 <ul class="segmented-control">
    <li id="any"><a href="#any">Any</a></li>
    <li id="all"><a href="#all">All</a></li>
 </ul>
 <div style="clear:both;"></div>

 <ul class="segmented-control">
    <li id="any2"><a href="#any2">Any 2</a></li>
    <li id="all2"><a href="#all2">All 2</a></li>
 </ul>

 <div style="clear:both;"></div>
 <ul class="segmented-control">
    <li id="any3"><a href="#any3">Any 3</a></li>
    <li id="all3"><a href="#all3">All 3</a></li>
 </ul>
</body>
于 2013-04-01T19:28:09.237 回答