URLのHashtagが正しく読み込まれない

Question

このようなリンクを使用すると、http://trinityfel.org/podcast/redesign/downloads/index#truthwalkを選択すると、truthwalkタブが選択されたページが読み込まれるはずです。

その部分は正しく機能していますが、そこからは少しうんざりです。ユーザが最初に "CDカバー"の1つをクリックすると、正しいシリーズが読み込まれますが、少なくとも1つは存在します。その後、ユーザーがタブをクリックしてCDカバーをリクライニングすると、正しくロードされます（1つのシリーズのみを表示します）。

また、ユーザーがさまざまなタブをクリックすると、最初のリンクで使用されている＃、つまり説教のタブに移動したURLが保持されます。

私は本当にこの問題を解決したいと思います。そうしないと、ユーザーを一意のタブ付きリソースに直接的にリンクする方法がなく、上位レベルのリソースライブラリにしかないためです。

これは＃

<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;"> 

と、各タブを結び付けるコード、それぞれ同じである/ wの各タブを識別するコードでありますdivのid。

他にどのようなコードが必要ですか？

Answer 1

あなたがjQueryUIタブを使用しているUIが完全に

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