如何在 Spry 选项卡式面板中打开 FancyBox答案

【问题标题】：How to open FancyBox in a Spry tabbed panel如何在 Spry 选项卡式面板中打开 FancyBox
【发布时间】：2013-08-07 06:21:18
【问题描述】：

我正在为 HTML 基础站点使用 Spry 选项卡式面板。

我想通过点击一个标签（总共四个标签）打开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 上填写一个表格。一旦用户填写了该表单并成功提交，那么应该只打开选项卡面板内容。

【问题讨论】：

告诉我们你尝试了什么？
用代码更新我的问题。

标签： javascript jquery fancybox tabpanel spry

【解决方案1】：

因为你还没有发布任何代码..我只能告诉逻辑..你可以得到 selectedtab 索引

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

然后您将您的索引与获取的索引进行比较，如果匹配，则通过

打开您的fancybox

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

你可以在fancybox的sumbit/close上编写自己的函数

$("<YOUR-SELECTOR>").fancybox({
  onClosed: function() {
 // your own functions
      });
  });

【讨论】：