-1

jqueryタブを実行するタスクがあります。各タブには特別な機能があります。ページをロードすると、最初のタブに移動します。2 番目のタブを選択済みとして設定したい > どうすればよいですか? 私のコードは

 <script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){
     $(function() {
      $("#tabs").tabs();
      $("#tabs").tabs("option", {
        "selected": 2,
        "disabled": [1,2,3]
      });

    $( "input[type=checkbox]" ).click(function(){
        if ($(this).is(':checked')) {
         $('#tabs').tabs("enable", $(this).val());
         $('#tabs').tabs("select", $(this).val() );
        }
        else{
             $('#tabs').tabs("disable", $(this).val());
        }
    });
    });
    });//]]>  

    </script>


    </head>
    <body>
         <div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nithin</a> </li>
    <li><a href="#tabs-2">Vipin</a></li>
    <li><a href="#tabs-3">Sachin</a></li>
    <li><a href="#tabs-4">Ganguly</a></li>
  </ul>
  <div id="tabs-1">
    <p>Nithin</p>
  </div>
  <div id="tabs-2">
  <form name="nithin">
  <b>Name</b>
  <input type="text" id="name">
    <input type="submit" value="submit" id="submit"/>
    </form>
  </div>
   <div id="tabs-3">
    <p>Sachin</p>
  </div>
   <div id="tabs-4">
    <p>Ganguly</p>
  </div>
</div>
<input type="checkbox" name="tabs-1" value="1">tabs-1 
<input type="checkbox" name="tabs-2" value="2">tabs-2 
<input type="checkbox" name="tabs-3" value="3">tabs-3 
<input type="checkbox" name="tabs-4" value="4">tabs-4 
<br>

    </body>


    </html>

http://jsfiddle.net/2aQ2g/35/から見ることができます

4

2 に答える 2

1

それは、無効にしているからです。への変更：

  $("#tabs").tabs("option", {
    "selected": 2,
    "disabled": [1,3]
  });

作業例: http://jsfiddle.net/basarat/2aQ2g/34/

更新送信されたデータに基づいてページを変更するには、サーバーでページに出力する内容を変更する必要があります。2 を選択した場合は、無効リストに入れないようにしてください。

更新 2送信時にページがリロードされないようにする場合は、カスタム フォーム処理を行う必要があります。

 // Do custom submit handling : 
 $('form').unbind('submit').submit(function(e)
                     {
                         e.preventDefault();
                         // place logic here: 
                     }
 );

サンプル: http://jsfiddle.net/basarat/2aQ2g/37/

于 2013-03-21T04:37:53.973 に答える
0 
$(document).ready(function() {    
 $( "#tabs" ).tabs( "option", {"selected":1, "disabled": [0, 2, 3 ] });
)};
于 2013-03-21T04:38:05.677 に答える