2013-03-13 1 views
2

나는 아침 내내 답변을 찾고 있었지만 답변을 찾을 수 없었습니다. 내가 원하는 것은 여러 div 컨테이너가 있고 그 div 내에 2 개의 sortable이 있습니다. 여러 연결구로 연결됨

는 사업부 내부

<div> 
    <ul> 
     <li>first item</li> 
     <li>second item</li> 
     <li>third item</li> 
     <li>fourth item</li> 
     <li>fifth item</li> 
    </ul> 
    <br /> 
    <ul> 
     <li>6th</li> 
     <li>7th</li> 
     <li>8th</li> 
    </ul> 
</div> 
<div> 
    <ul> 
     <li>first item</li> 
     <li>second item</li> 
     <li>third item</li> 
     <li>fourth item</li> 
     <li>fifth item</li> 
    </ul> 
    <br /> 
    <ul> 
     <li>6th</li> 
     <li>7th</li> 
     <li>8th</li> 
    </ul> 
</div> 

두 번째 UL은 비어있을 것입니다 ... 같이 보입니다. 그들은 첫 번째 ul에서 그 선택을 끌어 올 것입니다. 그러나 다른 컨테이너에서 옵션을 드래그 할 수는 없습니다. div 컨테이너의 양은 동적입니다. 이 1 스크립트 내에서 수행 할 수 있는지 궁금 해서요 또는 하나의 스크립트를 작성하는 방법을 내가 가지고 올 수없는 도움

+0

다음은 내가하고 싶은 것에 가깝습니다. http://jsfiddle.net/85ncc/48/ 문제는 두 번째 상자가 제대로 작동하지 않는다는 것입니다. – Contento

답변

0

사전에 ... 여러 스크립트를 수행해야 할

감사를 갈거야 성명서. 그래서 내가 한 일은 각 옵션에 대해 스크립트를 출력하는 데 필요한 옵션의 수에 따라 PHP 루프를 작성한 것입니다. 아마도 최선의 방법은 아니지만 1 개의 단일 스크립트를 만드는 방법을 알아낼 수는 없습니다.

여기 제 코드가 사용되었습니다.

for ($x = 0; $x <= RANDOM AMOUNT; $x++){ 
     echo '$(function() {  
      $(".sortable'.$x.'").sortable({ 
       containment: "#c'.$x.'", 
       connectWith: ".sortable'.$x.'",update:function(e,ui){ 
        if (this === ui.item.parent()[0]) { 
        var order = $("#myList'.$x.'").sortable("serialize"); 

        } 
       } 
      }) 
     });'; 

    } 

이 정보를 바탕으로 누군가 또는 누군가가 더 나은 해결책을 찾을 수 있기를 바랍니다.

관련 문제