jQuery « sortable serialize

Не могу сообразить, почему выходить пустой Алерт.


Может у кого то готовое решение будет, по сортировки меню с сохранением на сервере

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

$(document).ready(function (){
             

            $(document).ready(function() {                            
                $('#mylist').sortable({
                    update: function() {
                        var order = $('#mylist').sortable('serialize');
                        alert(order);
                    }                                        
                });
            });



})      
   
   
 




/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }

         
<ul id="mylist">
    <li id="1">
        <div>
            <p class="value_item" id='d2'>some text</p>
        </div>
    </li>
    <li id="2">
        <div>
            <p class="value_item" id='d3'>some text</p>
        </div>
    </li>
</ul>


 

1 ответов


Попробуйте исправить id элементов li на такие:

... <li id="li_1"> ... <li id="li_2"> ...
Условием работы этого метода является наличие символа подчеркивания (underscore) в ID элементов списка:
If serialize returns an empty string, make sure the id attributes include an underscore. They must be in the form: "set_number" For example, a 3 element list with id attributes foo_1, foo_5, foo_2 will serialize to foo[]=1&foo[]=5&foo[]=2.


$( ".selector" ).sortable({
   update: function(event, ui) { ... }
});
 
Соответственно через ui и event можно вытащить нужные параметры.

Выдержка из документации

If serialize returns an empty string, make sure the id attributes include an underscore