URL 中的主题标签未正确加载
据我了解，使用这样的链接： 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 之外，每个选项卡都是相同的。您还需要什么其他代码？
It is my understanding that using a link like this: http://trinityfel.org/podcast/redesign/downloads/index#truthwalk should load the page with the truthwalk tab selected.
That part is functioning correctly, but from there, things go a little wonky. On the user's first click of one of the "cd covers" the correct series loads, but there is at least one, if not several others listed below it as well. If the user then clicks back on the tab and reclicks the cd cover, it now loads correctly (only showing one series).
Also, as the user clicks around on various tabs after that, the URL retains the # used in the initial link, i.e. navigating to the sermons tab, the URL remains ...index#truthwalk.
I hope this makes sense... I'd really like to solve the issue because otherwise there is no way to link the user directly to the unique tabbed resources, only to the higher level resource library.
This is the code identifying each tab w/ a #
<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>
This is the code that ties each tab to the #
<div class="panes">
<!-- *** FEATURED TAB ***************************************************** -->
<div id="featured" style="padding-top:10px;">
and so on, each the same except for changing the id of the div.
What other code would you need?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
假设您使用的是 jQueryUI 选项卡，您可以在 UI 完全加载后调用以下代码
Assuming you're using the jQueryUI Tabs, you could call the following code after the UI has been fully loaded