0

ページにこのようなタブがあります

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

    <div id="tabs-1">
       1
    </div>


    <div id="tabs-2">
      2

    </div>
    <div id="tabs-3">
3
    </div>
</div>

フォームの送信ボタン

[送信]をクリックすると、同じページで特定のタブを開く必要があります

ありがとう

4

2 に答える 2

1

これを試して

<script language="javascript" type="text/javascript">
    $('#tabs').tabs();
    function select_tab(tabeName){
       $('#tabs').tabs('select', '#'+tabname);
    }
</script>

html 送信

<input name="" type="button" onclick='select_tab("tab1")' value="submit"/>
于 2012-11-29T11:35:30.057 に答える
0

jqueryui タブを使用する場合、これはこの方法で可能です。ボタンをクリックすると、2 番目のタブが選択されます

最初に jquery と jqueryui をロードする

<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $("#tabs").tabs();// initiate tabs with jqueryui
});
</script>

HTML コード

タブの外にもボタンを配置できますが、ここでは最初のタブ内に含めています

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">1</a></li>
        <li><a href="#tabs-2">2</a></li>
        <li><a href="#tabs-3">3</a></li>
    </ul>
    <div id="tabs-1">
       1
       <input name="" type="button" onclick='$("#tabs").tabs( "select", "tabs-2" )' value="select tab2"/>
    </div>
    <div id="tabs-2">
      2

    </div>
    <div id="tabs-3">
     3
    </div>
</div>

例: Jsfiddle デモ

于 2012-11-29T11:26:44.237 に答える