2009-12-11 9 views
1

다음과 같은 구조가 주어지면 정렬 가능한 목록을 포함하는 div를 정렬 할 수 있습니까? 최신 jquery 1.3 버전에서는 div를 정렬 할 수 없으므로 부탁합니다. 이미 정렬 가능한 목록을 포함하고있는 부모 요소를 정렬 할 수없는 jQuery에 대한 제한이 있습니까? 아니면 부모가 div이고 LI 요소가 아니기 때문입니까? 누구 아이디어?jquery sortable items 질문

<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

모든 버전 번호를 분명히하십시오. 나는 오타가 있다고 생각합니다. 최신 jq는 1.3.x, UI는 1.7 ... 다른 sortabel 플러그인의 버전 번호 또는 UI 및 JQ 버전의 버전입니다. – prodigitalson

+0

감사합니다. 수정 됨. UI로 다운로드 한 정렬 가능한 플러그인을 사용합니다. – IEnumerator

+0

정렬을 위해 사용하는 코드는 무엇입니까? '$ ('div.row'). sortable()'? –

답변

2

내가 오해

귀하의 div의 정렬에

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

실제로 ul들 것이 명령이있을 것 같아요. 모든 div에서 하나의 요소 만 정렬하고 하나의 요소를 정렬하는 것이 의미가 없으므로 어느 것이 적합하지 않습니다. (데모 페이지 : http://jsbin.com/ayiwu)


당신은 지금 div의 자체 정렬되어이 라인

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

를 사용할 수있는 div의 (안 ul의 또는 li들)을 정렬 할 경우 (데모 페이지 : http://jsbin.com/upixa


당신이 div들과 *을 원하는 경우 * li **의 같은 시간에 정렬로 (div 당 하나의 ul있을 때 이해가되지 않습니다하지 ul들)

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

데모 페이지 : http://jsbin.com/ujatu

당신이 원하는 경우 뭔가 다른 코멘트를 게시하시기 바랍니다.

추신 : 데모 페이지에서 끔찍한 CSS를 유감스럽게 생각합니다. 명확성을 위해서 어떤 요소를 클릭했는지 확인할 수 있습니다.

+0

아아아! 그것은 완벽하게 작동합니다! – IEnumerator

+0

어떻게 내가 당신에게 커피를 살 수 있습니까 ?? – IEnumerator