<![CDATA[ jQueryのUIタブの実装について - My Forums]]> https://forums.modx.com/thread/?thread=56304 <![CDATA[Re: jQuery&#12398;UI&#12479;&#12502;&#12398;&#23455;&#35013;&#12395;&#12388;&#12356;&#12390;]]> https://forums.modx.com/thread/56304/jquery-ui#dis-post-330621 プログラムで生成したHTMLに誤りがあってjQueryの動作を阻害してたようです。
お騒がせしました。]]> sama55 Jul 31, 2009, 09:56 AM https://forums.modx.com/thread/56304/jquery-ui#dis-post-330621 <![CDATA[jQuery&#12398;UI&#12479;&#12502;&#12398;&#23455;&#35013;&#12395;&#12388;&#12356;&#12390;]]> https://forums.modx.com/thread/56304/jquery-ui#dis-post-330620
http://allabout.co.jp/internet/javascript/closeup/CU20071220A/
上記をはじめとするjQueryのUIタブ(Tab)がmodxサイトで実装できなくて困ってます。回避方法をご存知の方がおられましたらご教示ください。

巷に公開されてるjQueryのタブは、ページ内アンカーを使ってIDでひもづけられたブロック要素の表示状態を動的に切り替えるものが多いのですが、modxはページ内アンカーが処理できないため、どうにも動きません。フォーラム内を「jQuery Tab」の用語で検索してみましたが先例がないようです。
  <div id="jqtab-example1">
    <ul>
      <li><a href="#tab-1"><span>タブ-1</span></a></li>
      <li><a href="#tab-2"><span>タブ-2</span></a></li>
      <li><a href="#tab-3"><span>タブ-3</span></a></li>
    </ul>
    <div id="tab-1">タブ- 1 のコンテンツ</div>
    <div id="tab-2">タブ- 2 のコンテンツ</div>
    <div id="tab-3">タブ- 3 のコンテンツ</div>
  </div>

上記の例ですと、<a href="#tab-1">をクリックしたタイミングで404が発生します。
この404を回避するために、「BaseURL Same-Page-Link Fix」プラグインで対処してもページがリロードされタブが切り替わらないようです。

宜しくお願いします。]]> sama55 Jul 31, 2009, 08:14 AM https://forums.modx.com/thread/56304/jquery-ui#dis-post-330620