さて、私がやりたいのは、アンカータグの1つがクリックされた後にのみjQueryToolプラグインを初期化することです。
これは私のJSファイルにあるものです:
$(".tab-1-tabs ul").tabs("div.tab-1-container > div");
**これは、上記のスクリプトが呼び出された後に生成されるHTMLです:**
<li><a href="#" class="service current">1</a></li>
<li><a href="#" class="service">2</a></li>
<li><a href="#" class="service">3</a></li>
<li><a href="#" class="service">4</a></li>
生成されたHTMLの問題は、プラグインのロード時に注入される電流のクラスがあり、そのアンカータグにアクティブであることを示す特定の背景画像を与えるCSSスタイルを設定していることです。また、その特定のタブペインのコンテンツを非表示にしています。
これは私ができると思うがうまくいかないことです:
$(".tab-1-tabs ul").tabs("div.tab-1-container > div", { onBeforeClick: function(event, tabIndex) {
$('.tab-1-tabs ul li a').removeClass('current');
}
});
現在のクラスを適用するタブ機能をロードせずにページをロードしたいのですが、代わりに、これらのリスト項目の1つがクリックされたときにのみロードされ、現在はアンカータグに適用されます。
それらのアンカータグのいずれかをクリックしない限り、何も選択されていないという印象を与えたいと思います。
または多分次のようなもの:
$('#link').click(function(e) {
e.preventDefault();
$(".tab-1-tabs ul").tabs("div.tab-1-container > div");
});