0

こんにちは私はjquery ui sortable私のdivをソートするために使用しています。div oderをdbに保存することができます、これは私のコードです

<div style="margin:0 auto !important;">
    <ul id="sortable1" class="connectedSortable">
        <li id="one_1" class="ui-state-default"><div>Item 1</div></li>
        <li id="one_2" class="ui-state-default"><div>Item 2</div></li>
        <li id="one_3" class="ui-state-default"><div>Item 3</div></li>
        <li id="one_4" class="ui-state-default"><div>Item 4</div></li>
        <li id="one_5" class="ui-state-default"><div>Item 5</div></li>
    </ul>

    <ul id="sortable2" class="connectedSortable">
        <li id="two_1" class="ui-state-highlight"><div>Item 1</div></li>
        <li id="two_2" class="ui-state-highlight"><div>Item 2</div></li>
        <li id="two_3" class="ui-state-highlight"><div>Item 3</div></li>
        <li id="two_4" class="ui-state-highlight"><div>Item 4</div></li>
        <li id="two_5" class="ui-state-highlight"><div>Item 5</div></li>
    </ul>
</div>



<script type="text/javascript">
  jQuery(function() {

    var sortable1 = 'one_1,one_2,one_3,one_4,one_5';
    var sortable2 = 'two_1,two_2,two_3,two_4,two_5';

    jQuery( "#sortable1, #sortable2" ).sortable({
        update: function(event, ui) {

            var newOrder = jQuery(this).sortable('toArray').toString();
            if(jQuery(this).attr('id')=="sortable1"){
                sortable1 = newOrder;
            }
            else {
                sortable2 = newOrder;
            }

            console.log(sortable1);
            console.log(sortable2);
        }

    }).disableSelection();
  });
  </script>

ソートされたdivの順序をDBに正しく保存できますが、divの順序を正しく設定する方法がわかりません。私を助けてください 。前もって感謝します 。

4

1 に答える 1

1

並べ替え順をコンマ区切り値として DB に保存する代わりに1,2,3,4,5、「並べ替え列」を保存しないでください。たとえば、div#sortable1をロードするときに、この値を js ロジックに渡すだけです。

例：

ソート列名を保存し#sortable1たり#sortableN、DBに保存したりすると、最終的には次のようになります

    var newOrder = jQuery(this).sortable('toArray').toString();
    if(jQuery(this).attr('id')== "<% $your_php_variable %>"){
        sortable1 = newOrder;
    }
    else {
        sortable2 = newOrder;
    }

php 変数を UI に渡す方法がわかりません。これは、私が<% $your_php_variable %>. PHPコードのある時点で、設定します$your_php_variable = '#sortableX';

于 2013-02-18T06:51:43.330 に答える