追加アイテムを例文、ネイティブjQueryアコーディオンとのjquery

Question

を使用していjQueryアコーディオンのプラグインをアコーディオンの一部のデータです。したいユーザを追加することができますデータのaccordian.私の設定は、アコーディオンが正常に機能していた機能prepends、"リスト商品"のアコーディオンに一致するオ意味論。

で"更新"をアコーディオンが動作するようにと、新たに追加された要素設定内容を保存しない新しいデータをデータベースの爽やかのページに表示すべき事は何か？

のようなこと:

.accordion('refresh')

というような形になるライブイベントの追加jQuery1.3、どなたでも、たか?

Answer 1

まだ試験を実施し、これらの仕事：うまでアコーディオンとidアコーディオン

$('#accordion').append('<h3><a href="#">New Paragraph</a></h3><div><p>New data</p></div>')
    .accordion('destroy').accordion();

基本的に、破壊を作成、アコーディオン。

更新:

この答えを書いたリフレッシュ()メソッドが追加された、アコーディオンパーツをプレゼント！できるメソッドが呼び出される話:

$( ".selector" ).accordion( "refresh" );

お問い合わせくださいこの方法 こちらの

Answer 2

新しいセクションを追加し、維持するためには、古いものアクティブます：

var active = $('#accordion').accordion('option', 'active');
$('#accordion').append('<h3><a href="#">New Paragraph</a></h3><div><p>New data</p></div>')
    .accordion('destroy').accordion({ active: active});

Answer 3

Shahzadにより、上述したように、

、jQueryのUI 1.10これを簡単にしました。 ドキュメントを参照してください。

Answer 4

http://plugins.jquery.com/project：

あなたはLiveQueryプラグインで見たいと思うかもしれません/ livequeryする

それはあなたのイベントを追加し、DOMがロードされた後結合することができます。

Answer 5

私は作業が追加/編集/私は、この目的のために、この小さなJavaScriptの機能をハッキングVORアコーディオン項目を削除する必要ので、

http://jsfiddle.net/Sd6fC/する

H3とdivが、次の規則で行くユニークなIDが必要です。

<h3 id="divname_hitm_<uniquenumber>"><h3>

対応するdiv要素が必要とする次の

<div id="divname_ditm_<samenumber as h3"></div>

サンプルアコーディオンコードブロック

<div id="divname">
    <h3 id="divname_hitm_1><a href="#">Section 1</h3>
    <div id="divname_ditm_1>
        <p>Section 1 Payload</p>
    </div>
    <h3 id="divname_hitm_2><a href="#">Section 2</h3>
    <div id="divname_ditm_2>
        <p>Section 2 Payload</p>
    </div>
</div>

の楽しみを持っている、多分それはそこにいくつかの皆さんを助けます！