divの要素のCSSをシリアル化するjQueryコード？

Question

私はいくつかのカスタマイズされたPDF生成のためにドラッグ＆ドロップレイアウトツールを開発しています.JQuery UIを使用してドラッグ＆ドロップした後でDivをシリアル化できるようにしたいと考えています。

要素のCSSのシリアライズを除いて、すべてのコードが動作しています。誰かが書き込む前にこれを行うプラグインを知っていますか？あなたはこれに似たソート可能な要素のためのHTMLを持っていると仮定すると

Answer 1

：

<ul id="sortable_list"> 
    <li id="sortable_item_1"> Item 1 </li> 
    <li id="sortable_item_3"> Item 3 </li> 
    <li id="sortable_item_4"> Item 4 </li> 
    <li id="sortable_item_2"> Item 2 </li> 
    <li id="sortable_item_5"> Item 5 </li> 
</ul> 

ソートされたリストをシリアル化するには、最初のリストをソート可能にする、そしてそれにSerializeメソッドを呼び出す必要があります：

<script> 
    $(function() { 
    $("#sortable_list").sortable(); 
    var items_order = $("#sortable_list").sortable('serialize'); // remember to make the list sortable before calling this 
    }); 
</script> 

は、あなたがPOST変数としてとしてitems_orderを送信することができます（あなたがPHPを使用していると仮定した場合）、サーバー側の順序を取得し、それを解析するには、次の

parse_str($_POST['items_order'], $neworder);