我正在为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>
我想要一张表格,填在花式方框的第二张标签上。一旦用户填写了该表单并成功提交,则只应打开选项卡面板内容。
由于您尚未发布任何代码。。我只能讲逻辑。。U可以通过获得选定的标签索引
var index= ($tabs.tabs('option', 'selected'));
然后你将你的索引与提取的索引进行比较,如果匹配,则通过打开你的fancybox
$(".fancy").fancybox().trigger('click');
你可以在fancybox 的sumbit/close上编写自己的函数
$("<YOUR-SELECTOR>").fancybox({
onClosed: function() {
// your own functions
});
});