1

jQueryUIタブによって発行されたコードを変更する必要があります。このtabTemplateオプションは、その目的には理想的なようです。

カスタムスタイルを含めるようにコードを変更しました。

tabControl = $("#tabs");
tabControl.tabs({
    tabTemplate: '<li><a href="#{href}" class="myClass"><span>#{label}</span></a></li>',
});

ただし、発行されたコードは変更されていないことがわかりました。すると、この切符に出くわしました

http://bugs.jqueryui.com/ticket/7139

一般的にテンプレートが減価償却されていると主張する（12か月前の時点）。

では、なぜtabTemplateが機能しないのですか、このソリューションは将来にわたって利用できるのでしょうか。そうでない場合は、どうすれば同様の目的を達成できますか？

4

1 に答える 1

1

jQuery UIは、実際にテンプレートオプションを非推奨にしています（明らかに、それらを使用すると、ライブラリの他の部分とのスタイルの不一致が発生する可能性があるためです）。

リンク先のバグによると、このtabTemplateオプションはjQuery UI 1.9で削除されるため、安全のため、現在のプロジェクトでは使用しないでください。

別の方法は、次のようにDOMナビゲーションを介してクラスを追加することです。

$("#tabs").tabs({
    // options...
}).tabs("widget").find(".ui-tabs-nav a").addClass("myClass");

このアプローチは現在機能しており、近い将来も機能し続けます。

于 2012-05-01T07:44:10.000 に答える