Как открыть FancyBox в панели вкладок Spry

Question

Я использую панель вкладок Spry для базового сайта HTML.

Я хочу открыть 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 в коробке с фантазией. После того, как пользователь заполнит эту форму и отправится успешно после этого, следует открыть только содержимое панели вкладок.

Answer 1

Как не писал никакого кода .их может сказать только логике .. U может получить индекс selectedtab по

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

, а затем сравнить Ваш индекс с извлеченным индексом и, если он соответствует затем откройте ваш FancyBox по

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

и вы можете написать свою собственную функцию на/нажмите кнопку закрытия FancyBox

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