jquery-ui - JqueryUI を使用してカスタム コンテンツを含む新しいタブを作成する方法

Question

Jquery UI を使用してタブを作成します。content tab1 = content tab2 で新しいタブを作成したい

Answer 1

これを行うには、jQuery を少し使用できます。jQuery UI タグのコードが次のようになっているとします。

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2">Test content</div>
</div>

次のようなものを使用して、コンテンツを最初のタブにコピーできます。

var content = $('#tabs-2').html();
$('#tabs-1').html(content);

このコードは、tabs-2 div 内の HTML 文字列を取得し、変数に格納します。次に、tabs-1 div のコンテンツを変数に設定します。