JQuery sıralanabilir liste, neden hale değil?

3 Cevap php

I'm implementing a sortable list of images with jquery in a Zend Framework application. I just can't get the .sortable('serialize') method to return more than an empty string.

Benim uygulama dışında bir kaç basit örnekler ile denediğinizde çalışır.

Aşağıda pasajı diğer çeşitli ve diğer etiketleri sarılı olduğu önemli mi. Ben değil gerektiğini düşünüyorum. Sırasız liste sağ, sadece id tarafından öğrenilmesi gerekir?

HTML:

<ul id="mylist">
    <li id="1">
        <div>
            <img src="image_1.jpg" />
            <p class="value_item">some text</p>
        </div>
    </li>
    <li id="2">
        <div>
            <img src="image_2.jpg" />
            <p class="value_item">some text</p>
        </div>
    </li>
</ul>

JavaScript:

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

3 Cevap

http://api.jqueryui.com/sortable/#method-serialize

Serialize boş bir dize döndürür, make sure the id attributes include an underscore. Onlar formda olmalıdır: "SET_NUMBER" Örneğin, id özellikleri ile 3 elemanı liste foo_1, foo_5, foo_2 [] = 1 & foo [] = 5 & foo [] = 2 foo seri olacak. Sen seti ve numarasını ayırmak için alt çizgi, eşittir işareti veya tire kullanabilirsiniz. Örnek foo = 1 veya foo-1 veya foo_1 tüm [] = 1 foo serialize.

Eğer uyumlu olmayan kimlikleri kullandığınızda jQuery sorunlarla çalışır.

Kimlikleri bir sayı ile başlamak için izin verilmez. Onlar değil sadece ilk karakter olarak, onlara numaraları olabilir.

(link update) hi, I stumbled across a similiar problem a few days ago, though in my case it was important to keep the order of the elements intact. I coded a small plugin which will allow you to serialize ul and ol lists of arbitrary depth and complexity:

serializeTree