jquery를 정렬 가능으로 드래그 가능

새 항목을 추가하기 위해 정렬 가능한 목록과 드래그 가능한 항목을 만들었습니다.jquery를 정렬 가능으로 드래그 가능

draggable에서 새 항목을 추가 할 때 표시 할 제거 단추가 있습니다.

어떻게 이벤트를 연결합니까?

이것은 드래그 가능한 항목에서 정렬 가능한 항목으로 드래그되는 요소입니다.

<a id="btn" class="ContentItemSelect" > 
    <span title="Remove" class="ContentItemRemove" id="Remove"></span> 
</a>

출처

2009-11-02 dan

우리는 정말 유용한 답변을 제공하기 위해 마크 업 및 관련 자바 스크립트의 더 필요하지만, 일반적으로 당신은 단지 필요한 HTML을 조립하고 만든 항목에 추가합니다.

빠른 추가 메모 - 의심스러운 일반적인 ID를 사용하고 있습니다. 페이지 당 하나의 고유 ID 만 가질 수 있다는 것을 알고 있으므로 'btn'ID가있는 단일 요소와 'remove'ID가있는 범위를 추가하면 동일한 요소를 더 이상 추가 할 수 없습니다 이드는 다른 드래그 된 요소에?

출처

2009-11-02 14:44:32 Steerpike

Sortable에는 receive라는 옵션이 있습니다.이 옵션을 사용하면 항목을 추가 할 때 호출 할 함수를 정의 할 수 있습니다.

당신이하려는 것은 스팬을 숨기기 해제하는 것입니다. 다음과 같이 할 수 있습니다. 그것은 비록 당신의 의도가 아니라면 그것을 다른 유스 케이스로 옮기는 방법을 분명히해야합니다.

$("#sortable").sortable({ 
    receive: function(event, ui) { 
     $("#" + $(ui.item).attr("id")).find(".ContentItemRemove").show(); 
    } 
});

은 분명히 지나치게 복잡 보인다 나는이의 $ ("#"+ $ (ui.item) .attr ("ID")) 부분에 대해 완전히 확실하지 않다 당신이 추가 한 객체가 있다고 가정 고유 한 ID (어쨌든 사용해야하지만 여전히 언급 할 가치가 있음). 이전 코드에서 제대로 작동했지만 단순화 할 수 있다고 생각합니다.

출처

2009-11-05 13:03:07

jquery를 정렬 가능으로 드래그 가능

답변

관련 문제