2009-12-11 11 views
1

Étant donné la structure suivante, la div qui contient la liste triable peut-elle être triée? Je demande parce qu'avec la dernière version de jquery 1.3 il ne permettra pas le tri des divs. Existe-t-il une limite avec jQuery où il ne peut pas trier les éléments parents qui contiennent une liste déjà triable, ou est-ce parce que le parent est un div et pas un élément LI? Des idées quelqu'un?jquery éléments triables question

<div class="row"> 
<ul class="sortable"> 
<li>test1</li> 
<li>test2</li> 
</ul> 
</div> 
<div class="row"> 
<ul class="sortable"> 
<li>test1</li> 
<li>test2</li> 
</ul> 
</div> 
<div class="row"> 
<ul class="sortable"> 
<li>test1</li> 
<li>test2</li> 
</ul> 
</div> 
+0

s'il vous plaît préciser tous vos numéros de version ... Je pense que vous avez une faute de frappe. le dernier jq est 1.3.x, UI, est 1.7 ... est votre version # pour un plugin sortabel différent ou celui de l'interface utilisateur et quelle version de l'interface utilisateur et JQ. – prodigitalson

+0

merci d'avoir remarqué cela. corrigée. J'utilise le plugin triable qui a été téléchargé avec l'interface utilisateur. – IEnumerator

+0

Quel code utilisez-vous pour essayer de les trier? '$ ('div.row'). sortable()'? –

Répondre

2

Je crois qu'il ya un malentendu

Cette commande

$('div.row').sortable() 

va réellement faire les ul s dans votre divs sortable. Ce qui n'a pas de sens puisqu'il n'y en a qu'un seul ul dans chaque div et le tri d'un seul élément n'a pas de sens. (Page de démonstration: http://jsbin.com/ayiwu)


Si vous voulez trier les div s (pas les ul s ou li s) que vous pouvez utiliser cette ligne

$("div.row").wrapAll("<div></div>").eq(0).parent().sortable(); 

Maintenant se du div sont triables (page Démo: http://jsbin.com/upixa


Si vous voulez que les div s et * * li ** s (pas les ul s qui n'a pas de sens quand il n'y a qu'un seul ul par div) à triables en même temps

$("div.row").wrapAll("<div></div>").eq(0).parent().sortable(); 
$("div.row").sortable({ items: "li" }); 

page de démonstration: http://jsbin.com/ujatu

Si vous voulez quelque chose d'autre s'il vous plaît poster un commentaire

PS: Désolé pour l'horrible CSS sur les pages de démonstration. Juste pour plus de clarté que vous pouvez voir quel élément vous cliquez sur

+0

ahhhh - vous freakin 'rock! ça marche parfait! – IEnumerator

+0

comment puis-je vous acheter un café ?? – IEnumerator