0

HTML ベース サイトに Spry タブ付きパネルを使用しています。

タブ (合計 4 つのタブ) をクリックして、fancybox を開きたいです。ユーザーが fancybox フォームに入力すると、その特定のタブ パネル コンテンツのみが開かれます。

これは可能ですか？以下は私のコードです。

    <div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
     <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Content 1</div>
    <div class="TabbedPanelsContent">Content 2</div>
     <div class="TabbedPanelsContent">Content 3</div>
    <div class="TabbedPanelsContent">Content 4</div>
  </div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>

ファンシーボックスのタブ＃2にフォームを入力したい。ユーザーがそのフォームに入力して正常に送信すると、その後、タブ パネルのコンテンツのみが開かれます。

4

1 に答える 1

1

コードを投稿していないので..私はロジックだけを伝えることができます.. Uはselectedtabインデックスを取得できます

var index= ($tabs.tabs('option', 'selected'));

次に、インデックスを取得したインデックスと比較し、一致する場合は、ファンシーボックスを次のように開きます

$(".fancy").fancybox().trigger('click');

そして、ファンシーボックスのサムビット/クローズで独自の関数を書くことができます

$("<YOUR-SELECTOR>").fancybox({
  onClosed: function() {
 // your own functions
      });
  });
于 2013-08-07T06:42:09.263 に答える