2

Smarty Paginate プラグインを使用して Twitter Bootstrap ページネーションを実装しようとしています。

それが私の問題です:ページネーションブロックを作成すると、次のようになります:

<div class="pagination pagination-centered">
<ul>
    <li>{paginate_prev text="&larr;" class="active"}</li>
    {paginate_middle format="page" prefix="" suffix="" link_prefix="<li>" link_suffix="</li>"}
    <li>{paginate_next text='&rarr;'}</li>
</ul>

結果は次のようになります(アクティブなページは2つです):

    <div class="pagination pagination-centered">
    <ul>
        <li><a href="..." text="&larr;">&larr;</a></li>
        <li><a href="...">1</a></li>
        <li>2</li>
        <li><a href="...">3</a></li>
        <li><a href="..." text="&rarr;">&rarr;</a></li>
    </ul>
</div>

(http://i.stack.imgur.com/lcgUU.png)

Twitter Bootstrap ページネーション クラスでは、アクティブな "li" 要素にリンクが必要です。smarty paginateでアクティブな「li」にリンクを挿入するにはどうすればよいですか?

4

1 に答える 1

0

これは、smarty よりも css で修正する方がおそらく簡単です。他の出力 (cakephp など) と同様の問題。現在および最初の LI にクラス名を追加できますか?

その場合は、アクティブな LI へのリンクの CSS を追加します。

float: left;
padding: 0 14px;
line-height: 34px;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
margin-left: 0px;

次に、border-left-width:1px を最初の項目に追加します。

.pagination .previous{
     border-left-width: 1px;
}
于 2012-03-28T22:38:05.893 に答える