2010-12-17 3 views
1

간단한 코드 예제가 있습니다. @http://jsbin.com/ukiwo3/editjQuery UI .sortable()에 대해 유일한 이벤트를 정렬하는 이유는 무엇입니까?

두 개의 연결된 목록과 바운드 이벤트가 있습니다. 나는 내가 단순한 무언가를 놓쳤다는 희망을 가지고있다. http://jqueryui.com/demos/sortable/ 이벤트 나는 질문을 끌어 놓고 다시 주문할 때 이러한 모든 사건을보아야한다고 생각한다. 현재로서는 콘솔로만 정렬 할 수 있습니다.

누군가가 나에게 무엇이 잘못 됐는지, 나머지는 어떻게 터뜨릴 수 있습니까?

감사합니다, 데니스

+0

http://docs.jquery.com/UI/Sortable#events를 - 여기에 바인드 예를 확인하십시오. –

답변

5

이벤트는 바인딩 할 때 다르게 지정됩니다 (예 : start 대신 sortstart). Look at the list of events on the demo page 당신의 바인드가 무엇인지에 대한 전체 목록.

전반적으로, it should look like this :

$(".questions").bind("sortstop", function(event, ui) { 
    console.log("stop event"); 
}); 
$(".questions").bind("sortstart", function(event, ui) { 
    console.log("start event"); 
}); 
$(".questions").bind("sortchange", function(event, ui) { 
    console.log("change event"); 
}); 
$(".questions").bind("sort", function(event, ui) { 
    console.log("sort event"); 
}); 
$(".questions").bind("sortremove", function(event, ui) { 
    console.log("remove event"); 
}); 
$(".questions").bind("sortout", function(event, ui) { 
    console.log("out event"); 
}); 
$(".questions").bind("sortover", function(event, ui) { 
    console.log("over event"); 
}); 
$(".questions").bind("sortupdate", function(event, ui) { 
    console.log("update event"); 
}); 

(최적화되지 않은, 단지 보여주는 이벤트 이름)

+0

나는 두 번째 눈 쌍이 필요하다는 것을 알았다! 나 자신을 발견 했어야했다. 건배 –

+0

@Denis - 환영합니다! :) –

0

내가 이런 짓을 나는 중지 이벤트가 트리거 얻을 참조 :

그것은 나에게 보인다
$('.questions').sortable({ 
     axis: 'y', 
     connectWith: ".questions", 
     placeholder: "question-highlight", 
     stop:function(event, ui) { 
     console.log("stop event"); 
     } 
}); 

그 '사건'bind를 통해 액세스 할 수 없습니다.

관련 문제