具有内联内容的Fancybox 2中的UI选项卡。 如何在保留选项卡的同时直接转到选项卡

我有一个包含多个内联内容实例的fancybox。 一旦fancybox被激发，用户可以在ui标签的帮助下看到不同的“视图”。 但是我试图直接将nav href链接到这些内联实例。

目前，如果用户点击任何导航链接，fancybox将打开，他们将始终看到#sources“视图”。

我可以直接链接到其他内联实例但是我只会获得内联内容而不是标签本身，这是设计的重要部分。

它有一种方法，我可以从导航链接启动fancybox保留ui-tabs并定位选项卡索引（或id）本身？ 这甚至是解决方案吗？

HTML

nav-primary和nav-secondary链接是我正在谈论的导航链接，因为你可以看到他们通过定位#menu打开了fancybox。 #menu需要成为ui-tabs-nav（标签）的目标。

 
 
+ Sources
 
+ Topics
 
+ Geography
 
 
 
+ Tools
 
+ Learn
 
+ News
 
 
 
  
 
Sources
 
Topics
 
Geography
 
Tools
 
Learn
 
News
 
  
 Content here 
  
 Content Here 
  
 Content Here 
  
 Content Here 
  
 Content Here 
  
 Content Here 
 
 
  

Fancybox JS

 $('.menu').fancybox({ type: 'inline', scrolling: 'auto', width: 940, height: 'auto', padding: 0, autoSize: false, tpl: { closeBtn: '' }, helpers: { overlay: { locked: false } } }); 

这应该说明我的意思是购买保留标签。 如果单击此链接

他们将通过选项卡导航获取源内容

如果单击此链接并将href直接设置为#sources内容

他们会在缺少标签的情况下获得fancybox的顶视图

我怎样才能直接从导航链接中定位内联内容而不会丢失标签？

Answer 1

这对我有用

 $(document).on("click", ".menu", function() { var target = $(this).data("target"); if (target == 'sources') { jQuery('.page_tabs').tabs({ active: 0 }); } if (target == 'topics') { jQuery('.page_tabs').tabs({ active: 1 }); } if (target == 'geography') { jQuery('.page_tabs').tabs({ active: 2 }); } if (target == 'tools') { jQuery('.page_tabs').tabs({ active: 3 }); } if (target == 'learn') { jQuery('.page_tabs').tabs({ active: 4 }); } if (target == 'news') { jQuery('.page_tabs').tabs({ active: 5 }); } });