jquery - ページロードjQuery Scrolltabsでアクティブなタブを表示するには?

Question

スクロール可能なタブをレンダリングするjQuery Scrolltabsを使用しましたが、これは正常に機能します。しかし、ページの読み込み時に選択されたアクティブなタブを表示できません。

約 30 個のタブがあり、25 番目のタブが選択されていることを表示したいと考えています。ドキュメントを調べましたが、解決策を見つけることができませんでした。どのようにそれを達成することができますか？

Answer 1

同様の問題がありました。特定のliへのクリックをトリガーすることで解決しました。

例えば ​​： -

<li id="test1" role="presentation" rel="1" class="scroll_tab_first" style="display: inline-block; zoom: 1; user-select: none;">1</li>
<li id="test2" role="presentation" rel="2" class="" style="display: inline-block; zoom: 1; user-select: none;">2</li>
<li id="test3" role="presentation" rel="3" class="" style="display: inline-block; zoom: 1; user-select: none;">3</li>
<li id="test4" role="presentation" rel="4" class="" style="display: inline-block; zoom: 1; user-select: none;">4</li>
<li id="test5" role="presentation" rel="5" class="" style="display: inline-block; zoom: 1; user-select: none;">5</li>

最後の「li」を表示するために使用しました

$('#test5').trigger('click');