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 に答える