0

据我了解，使用这样的链接：http: //trinityfel.org/podcast/redesign/downloads/index#truthwalk应该加载选择了truthwalk 选项卡的页面。

那部分功能正常，但从那里开始，事情变得有点不稳定。在用户第一次单击“cd 封面”之一时，会加载正确的系列，但如果不是在它下面列出的其他几个，至少也有一个。如果用户随后单击选项卡并重新单击 cd 封面，则它现在可以正确加载（仅显示一个系列）。

此外，当用户随后在各个选项卡上单击时，URL 保留初始链接中使用的#，即导航到布道选项卡，URL 仍然是 ...index#truthwalk。

我希望这是有道理的......我真的很想解决这个问题，因为否则无法将用户直接链接到唯一的选项卡式资源，只能链接到更高级别的资源库。

这是用 # 标识每个选项卡的代码

<ul class="tabs">
<li><a href="#featured">Featured</a></li>
<li><a href="#sermons">Sermons</a></li>
<li><a href="#truthwalk">TruthWalk</a></li>
<li><a href="#other">Other</a></li>
<li><a href="#print_materials">Print Materials</a></li>
</ul>

这是将每个选项卡与#相关联的代码

<div class="panes">
<!-- *** FEATURED TAB ***************************************************** -->
<div id="featured" style="padding-top:10px;">

依此类推，除了更改 div 的 id 之外，每个都相同。

您还需要什么其他代码？

4

1 回答 1

0

假设您使用的是 jQueryUI 选项卡，您可以在 UI 完全加载后调用以下代码

<script>
$(function() { 
    $('.tabs').tabs( "refresh" ); 
}); 
</script>`
于 2015-11-16T22:31:40.973 回答