jquery sortable 함수를 사용하여 항목의 순서를 제출하는 방법

Question

22 개의 드라이버 목록이 있습니다. 경주 결과에 따라 주문해야합니다. 이렇게하려면 jQuery에서 정렬 가능한 함수를 사용하고 싶다. 이것은 괜찮아 보입니다. 이제 단 하나의 문제가 있습니다. 항목의 순서가 준비되면 PHP 페이지에 제출하고 싶습니다. 어떻게 제출할 수 있습니까?

동작하는 예제는

http://jsfiddle.net/UVeB6/ 내가이

<ul id="sortableQual"> 
    <li id="qual_1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>S Vettel<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>M Webber<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_3" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>F Alonso<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_4" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>F Massa<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_5" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>J Button<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_6" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>S Perez<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_7" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>K Raikkonen<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_8" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>R Grosjean<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_9" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>N Rosberg<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_10" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>L Hamilton<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_11" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>N Hulkenberg<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_12" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>E Gutierrez<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_14" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>P di<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_15" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>A Sutil<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_16" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>P Maldonado<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_17" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>V Botta<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_18" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>J Vergne<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_19" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>D Ricciardo<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_20" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>C Pic<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_21" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>G van<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_22" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>M Chilton<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
    <li id="qual_23" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>J Bianchi<font size="1" style="float:right;"><sub>qual</sub></font> 

    </li> 
</ul> 

할 항목의 목록을 만드는하지만 어떻게 내가 <li> 주문을 제출할 수 있습니다 여기에있다? 알림을 통해 주문을 볼 수 있습니다.

stop: function (event, ui) { 
      alert($(this).sortable('serialize')); 
     } 

경고 대신 PHP 페이지에 제출해야합니다.

Answer 1

기본적으로 이와 같은 조치를 취해야합니다. (매우 자세한 내용을 알지 못하는 매우 일반적인 대답)

stop: function (event, ui) { 
      $.get('some url', { someParam : $(this).sortable('serialize')}, function(){ 
       do something on callback complete 
      }); 
     }