2

jqueryui タブ ウィジェットを使用しています。タブを動的に追加しようとしています。$('#id').tabs('add',...) を呼び出そうとすると、次のエラーが表示されます: " no such method 'add' for tabs widget instance "

ASP.NET MVC.4 を使用しています - Razor - これは部分的なビューです。コンテナー ビューのレイアウトには、正しい jquery バンドルが含まれています。

@Scripts.Render("~/bundles/jqueryui")

jquery v2.0.0 と jquery v1.10.2 を使用しています。

初期化中に呼び出されるコードを次に示します。

$('#tSheet').tabs();
$('#tSheet').tabs("add", '', 'Tab test one');
$('#tSheet').tabs("add", '', 'Tab test two');

そしてhtml：

<div id="tSheet">
    <ul>
    </ul>
</div>

このエラーが発生する理由について何か考えはありますか? ありがとう、ジム

jquery-u1 1.10.2 が add メソッドを削除したことを知った後、そのコードを次のように置き換えます。

add を呼び出した refresh に置き換えて追加すると、別のエラーが発生します。

$('#tSheet > ul').append('<li><a href="#general">General</a></li>');
$('#tSheet').append('<div id="#general">Some text</div>');

$('#tSheet').tabs('refresh');

これにより、タブをクリックすると例外が発生します。

4

3 に答える 3

2

add現在、jquery ui にはメソッドがありません。ここでドキュメントを読むことができます。

ただし、たとえばjquery .append()関数を使用して、コンテンツに html を追加することで問題を解決できます。次に、タブを作成します。

$('#tSheet').tabs();

ここでは、html がどのように見えるべきかの例を見ることができます。

新しい要素を追加する素晴らしい jsFiddle の例。

于 2013-05-22T20:55:27.953 に答える