목록을 버튼을 클릭하여 jPList로 정렬

Question

나는이 jPList 라이브러리를 사용하여 목록을 정렬하려고합니다.
문제는 라이브러리가 선택 옵션을 사용하여 수행한다는 것입니다. 내 목록을 주문하기 위해 버튼을 사용하려고합니다.
당신은 내가 만든 데모를 볼 수 있습니다 내 JsFiddle에 여기 , 내 목록이 더 큰, 그러나 유사한

http://jsfiddle.net/Danny182/wsauumra/3/

내가 HTML 내부에 코드를 삽입하는 기능 .html 중에서을 사용하고 그들이 this 페이지에서 목록을 정렬하십시오. #sos div으로 수동으로 입력하면 작동하지만 버튼 클릭과 .html로 수행하는 것은 아닙니다.

나를 도와 줄 사람이 있습니까?

$('.sortName').click(function() { 
    $('#sos').html('<div class="hidden" data-control-type="default-sort" data-control-name="sort" data-control-action="sort" data-path=".title" data-order="asc" data-type="text"> clicked </div>'); 
}); 

Answer 1

해결 :에

http://jsfiddle.net/Danny182/wsauumra/4/

$('#demo').jplist({ 
itemsBox: '.list', 
itemPath: '.list-item', 
panelPath: '.jplist-panel' 
}); 

$('.sortName').click(function() { 
    $('#sos').html('<div class="hidden" data-control-type="default-sort" data-control-name="sort" data-control-action="sort" data-path=".title" data-order="asc" data-type="text"> clicked </div>'); 


$('#demo').jplist({ 
    itemsBox: '.list', 
    itemPath: '.list-item', 
    panelPath: '.jplist-panel' 
    }); 
}); 

Answer 2

$ ('#의 main_div').

이 코드가 작동하여, 나는이 있었다 버튼을 클릭 한 후 기능을 리콜 ('click', '. sortName', function() {

$ ('# sos') .html ('clicked');

});