1

指定した場所にタブ パネルを動的に作成できるかどうか疑問に思っています。

現時点では、いくつかの json をロードすることでタブが動的に作成されます。私のdiv構造は次のようになります:

<div id="tabs">
  <ul id="tablist"></ul>
</div>

次に、以下のように構造を動的に設定します...

<div id="tabs">
  <ul id="tablist">
   <li><a href="#panel1">blah1</a></li>
   <li><a href="#panel2">blah2</a></li>
   <li><a href="#panel3">blah3</a></li>
  </ul>
  <div id="panel1">Some content...</div>
  <div id="panel2">Some content...</div>
  <div id="panel3">Some content...</div>
</div>

jQuery に、選択した親 div にパネル div を作成するように指示したいと思います。たとえば、「#panels」:

<div id="tabs">
  <ul id="tablist"></ul>
</div>
<div id="panels"></div>

これは可能ですか？ありがとう。

参考までに、私は一般的な UI タブのルック アンド フィールを使用していないため、コンテナのデザインに縛られることはありません。

4

1 に答える 1

2

指定した場所にタブ パネルを動的に作成できるかどうか疑問に思っています。

簡単ではありません（私にはわかります）。

本当に望むなら、次の方法で同様の動作を得ることができます

  • 2 番目の順序なしリストを作成し、
  • 現在の順序付けられていないリストのスタイルを変更して、表示されないようにする
  • 新しいリストの任意のタブをクリックすると、「実際の」リストで「クリック」イベントがトリガーされるようなバインディング イベント。

または、「別の方法」に進み、同様の動作を得ることができます

  • パネルの 2 番目のセットを作成し、
  • 「実際の」パネルのスタイルを変更して、表示されないようにする
  • 「tabsselect」（および同様のイベント）をインターセプトし、新しいパネルで対応する表示変更をトリガーします。

注として、jQuery UI タブ API は現在再設計中です。利用可能なプレアルファマイルストーンがあり、それらはリクエストされたコメントです。これを機能としてリクエストして、彼らの言うことを見るのは確かに害はありません. （他に何もなければ、彼らは上記よりも良い考えを持っているかもしれません。）

于 2011-10-04T11:42:37.077 に答える