人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Jquery UI について質問です。
下記URLは Jquery UI のデモページです。
http://stilbuero.de/jquery/tabs_3/rotate.html

この section1 ? 5までの各タブは UI liタグで構成されています。
その中身( 各IDで呼び出される divの中 )にも UIタグは使用できるのでしょうか?
テストする環境がないので、「できない」か「こうすればできる」、というやり方を
教えていただけると幸いです。

※基本的な構成 (あ?う のタブをクリックするとfragment-1?3が呼び出される)
<div id="rotate">

<ul>
<li><a href="#fragment-1"><span>あああ</span></a></li>
<li><a href="#fragment-2"><span>いいい</span></a></li>
<li><a href="#fragment-3"><span>ううう</span></a></li>
</ul>

<div id="fragment-1"><p>テスト1</P></div>
<div id="fragment-2"><p>テスト2</P></div>
<div id="fragment-3"><p>テスト3</P></div>

</div> //END rotate


※下記のように、UIなどリストタグを使いたい。
<div id="fragment-1">
<ul>
<li><a href="http://">PS3</a></li>
<li><a href="http://">Wii</a></li>
<li><a href="http://">ネオジオ</a></li>
</ul>
</div>


●質問者: yossui_coll
●カテゴリ:インターネット ウェブ制作
✍キーワード:jQuery PS3 T-1 UI URL
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kaz
●60ポイント

それぞれで、さらに切り替え効果を使いたい訳ではなく、

「単純な文章だけでなく ul リストが使えるか」という事で良いでしょうか?


それであれば可能です。

<div id="fragment-○"> 〜 </div> で囲まれた内容を、

該当タブをクリックした時に表示するだけなので、ul に限らず、img / table なども使用可能です。

(つまり、ページ全体を切り替えるような効果も可能です)

◎質問者からの返答

はい。その通りです。ありがとうございます。

文章以外に ul リストが使えるかが知りたいと思っています。

div id="rotate" でくくられてしまうため、

ul をつかうと緩衝してしまうのではないかと思っていました。

※ちなみに何故 ul かというと、使用しているプログラムで ul 以下が

自動展開されてしまうためです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ