Question

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

那部分功能正常，但从那里开始，事情变得有点不稳定。在用户第一次点击其中一个“cd cover”时，正确的系列加载，但是下面至少列出了一个，如果不是其他几个。如果用户然后单击选项卡并重新单击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之外，每个都相同。

您需要什么其他代码？

Answer 1

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

<script>
$(function() { 
    $('.tabs').tabs( "refresh" ); 
}); 
</script>`

URL中的Hashtag未正确加载

1 个答案: