0

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

その部分は正しく機能していますが、そこから少し不安定になります。ユーザーが「CD カバー」の 1 つを最初にクリックすると、正しいシリーズが読み込まれますが、その下に他のいくつかではないにしても、少なくとも 1 つがリストされています。ユーザーがタブをクリックして戻って CD カバーを再度クリックすると、正しく読み込まれるようになりました (1 つのシリーズのみが表示されます)。

また、ユーザーがその後さまざまなタブをクリックすると、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 に答える