0

次のように設定された水平タブシステムがあります。

<a id="default" class="link" href="#">Tab 1</a>
<a class="link" href="#">Tab 2</a>
<a class="link" href="#">Tab 3</a>

基本的な HTML と CSS を使用して動作します。

また、URL に新しい並べ替えタイプを配置するページ リダイレクトを引き起こす PHP による並べ替えを処理できる、それぞれのテーブルもあります。

ただし、たとえば 3 番目のタブにいて、並べ替えの種類の変更をクリックすると、ページが変更され、並べ替えの種類が変更され、タブ 1 に戻ります。以前のタブを保持するにはどうすればよいですか以前に？

4

2 に答える 2

1

どういうわけか、サーバー側の並べ替えを使用するテーブルで、サーバー情報を渡しています。フォーム付きかもしれません

<form method="post" action="http://www.example.com/tabs.php?sortTab2=a" />

またはリンク

<a href="http://www.example.com/tabs.php?sortTab2=a">Sort</a>

いずれにせよ、クエリ文字列にというパラメータを追加するとtab、phpを使用id="default"して現在のタブに出力できます。

<?php
$activeTab = isset($_REQUEST['tab']) ? $_REQUEST['tab'] : 1;
?>

<a <?php if($activetab == 1) echo 'id="default" '; ?>class="link" href="#">Tab 1</a>
<a <?php if($activetab == 2) echo 'id="default" '; ?>class="link" href="#">Tab 2</a>
<a <?php if($activetab == 3) echo 'id="default" '; ?>class="link" href="#">Tab 3</a>

次に、各タブ内でtab、phpソートを呼び出している方法でクエリパラメータを指定していることを確認してください。

<form method="post" action="http://www.example.com/tabs.php?sortTab2=a&tab=2" />
<a href="http://www.example.com/tabs.php?sortTab2=a&tab=2">Sort</a>
于 2013-02-06T22:06:26.160 に答える
0

jquery を使用し、各タブに ID を割り当ててから、 .show() および .hide() を使用できます。利点には、そこにデータがある場合、ポストバックがなく、超高速のタブ切り替えが含まれます。

于 2013-02-06T22:10:42.147 に答える