0

7 週間の曜日を表す jQuery UI タブがあります。唯一の問題は、ページが最初にロードされたとき、月曜日がアクティブなタブであることです。active: 3を使用してアクティブなページを変更することもできますが、アクティブなタブを修正したくありません。日の値を持つ隠しフィールドを提供しています。

@Html.Hidden("day", day)

では、アクティブなページをプログラムで設定するにはどうすればよいでしょうか?

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

助けてくれてありがとう

4

2 に答える 2

2

修正したくないので、モデルに希望のアクティブな日があると想定しています。もしそうなら、あなたはこれを行うことができます

$('#tabs').tabs({ selected: '@Model.ActiveDay' });

これは古い方法です (古いプロジェクトから)。このドキュメントに基づく（最新かつ）正しい方法は次のとおりです。

$("#tabs").tabs({ active: '@Model.ActiveDay' })

それはゼロベースであることを忘れないでください。あなたdaysもゼロベースであることを確認してください。そうでない場合は、それに応じて値を割り当てます（たとえば、日が 1 で始まる場合は -1 を実行します）。

于 2013-05-07T02:18:48.597 に答える
1

サーバー側で生成され、サーバーからの値が入力された非表示フィールドを提供し、JavaScript を使用して非表示フィールドの値を読み取り、それに応じてタブのアクティブ状態を設定する場合は、次のようにします。クライアントに送信する前に、サーバーで生成された HTML マークアップでアクティブ状態を設定するだけです。

li最初からアクティブにしたい に次のクラスを追加することで、それを行うことができますui-tabs-active ui-state-active。

さらに、アクティブにしたいタブに接続されている を設定style="display: block"し、の属性をに、属性をに設定する必要があります。divdivaria-expandedtruearia-hiddenfalse

それはトリックにすべきです。

于 2013-05-07T02:23:00.783 に答える