0

私はタブに単純なjqueryコードを使用します. 問題は、たとえばタブ 3 でフォームを送信すると、結果を表示する前に最初のタブ (デフォルトのタブ) にリダイレクトされることです。この問題を解決するための提案。前もって感謝します、私のコード：

 <script type="text/javascript">
 $(function() {
 $( "#tabs" ).tabs();
   });
</script>

HTML コード :

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
        <li><a href="#tabs-3">tab 3</a></li>
    </ul>
    <div id="tabs-1">
         <p>tab 1 content</p>
    </div>
    <div id="tabs-2">
         <p>tab 2 content</p>
    </div>
    <div id="tabs-3">
         <p>tab 3 content</p>
    </div>

</div>
4

4 に答える 4

1

PHP を使用する場合は、タブの番号を含むフォームの非表示の html フィールドなどに使用できます。フォームを送信するときに、その変数を解析して jQuery コードで使用できます。jQuery コード内で php を使用する場合、次のようになります。

$("#tabs").tabs({ 
    selected: <?php echo (isset($_POST['selected_tab']) ? $_POST['selected_tab'] : 1)?> 
});
于 2012-11-29T16:53:44.250 に答える
0

tabs() 関数にパラメーターを渡すことができます (http://api.jqueryui.com/tabs/)

 <script type="text/javascript">
 $(function() {
     $( "#tabs" ).tabs({active: 2});
 });
 </script>
于 2012-11-17T11:22:41.963 に答える
0

あなたは冗談でこのコードを使用します

$( ".selector" ).tabs( "load", 2 );

ロード後にこれを呼び出して、2 つのタブを選択できるようにします。それを試してみてください！！

于 2012-11-17T11:04:07.890 に答える
0

フォームを送信すると、「フォーム」と言った場合、ページはデータを送信し、それ自体を更新します。ボタンを使用するだけで、ボタンがクリックされたときに ajax が送信されます。

于 2012-11-17T11:59:04.033 に答える