에는 jquery 코드 예가 ​​필요합니다. 정렬 가능한 목록을 iframe에있는 다른 정렬 가능한 목록에 연결합니다.

Question

두 개의 정렬 가능한 목록을 연결하는 방법에 대한 간단하고 명확한 JQuery 코드 예제 (정렬 가능한 UI 사용)가 필요합니다. 그 중 하나는 iframe.

아래의 예를 고려하십시오. 하나의 정렬 가능한 목록 (# sortable1)이 주 문서에 있습니다. 다른 정렬 가능한 목록 (# sortable2)은 iframe에 있습니다. 한 목록에서 다른 목록으로 항목을 드래그 할 수 있어야합니다. "sortable2.html"

<ul id="sortable2"> 
<li>item 1</li> 
<li>item2</li> 
</ul> 

의

<ul id="sortable1"> 
<li>item 1</li> 
<li>item2</li> 
</ul> 

<iframe src="sortable2.html"></iframe> 

내용 사람이 작업 예제를 게시 할 수 있다면 매우 감사하게 될 것입니다. 나는 그것이 다른 많은 사람들에게 도움이 될 것이라고 확신한다.

미리 감사드립니다. connectwith:

Answer 1

$(".heriyah").sortable({ 
    handle : '.handle', 
    revert: "invalid", 
    connectWith: ".heriyah", 
    update : function() { 
     var order = $('.heriyah').sortable('serialize'); 
     $("#info").load("admin/sortable.php?"+order); 
    } 
}); 

다른과 목록

를 주문하는 방법을 CONTECT입니다