2013-10-22 6 views
1

드래그 앤 드롭 가능한 두 행의 레이블이 필요합니다. 나는 그걸 작동시킬 수 없다.jQuery UI를 가져올 수 없습니다. 올바르게 정렬 할 수 있습니다.

내가

$("#sortableInit, #sortableEnd").sortable({ 
    connectWith: "connectedSortable", 
    dropOnEmpty: true 
    }).disableSelection(); 

또한 내 두 개의리스트 초기화하는 다음 함수를 사용하여 CSS의 하나 개의 라인이 그들 대신에 수평하게 수직 보통 (그들은 클래스 connectedSortable 모두는) :

.connectedSortable > div { float: left; } 

다음 피들에서 나는 최소한으로하고 싶은 것을 버렸다.

http://jsfiddle.net/kuK9x/9/

당신은 내가 놓친 게 분명 뭔가를 볼 수 있을까요?

답변

0

자바 스크립트 패널에 구문 오류가 있습니다. 을 (})는 끝없는) 또 다른 구문 오류, 용기의 높이가 jQuery를 논의 버그 발생할 제로 일 것이다없는 경우도 float.connectedSortable 설정한다 connectWith: "connectedSortable"는 또한 connectWith: ".connectedSortable"

되어야이며 . ticket#4551

.connectedSortable { 
    float:left; 
} 
.connectedSortable > div { 
    float: left; 
} 
+0

$(function() { $("#sortableInit, #sortableEnd").sortable({ connectWith: ".connectedSortable", dropOnEmpty: true }).disableSelection(); }); 

fiddle 그리고 CSS를 업데이트 참조 참조 그 주셔서 감사합니다. 나는 바이올린에서 그것을 놓쳤다. 그러나 나의 최초의 웹 페이지에는 없었다. 여전히 드래그 앤 드롭이 가능하지 않습니까? – Chapo

+0

@Chapo 그것은 나를 위해 않습니다 ... 나는 최신 크롬을 사용하고 있습니다. IE 10에서도 작동합니다. – lastr2d2

+0

jsFiddle에서 소스를로드 할 수 없기 때문에 jQuery 및 jQuery UI 웹 사이트가 다운 된 것 같습니다.하지만 호스팅됩니다. 로컬로 내 웹 페이지에 연결할 수 있었고 두 개의 정렬 가능한 객체를 연결할 수 없었습니다. 당신의 바이올린에서 "drag-from-the-other"가 제대로 작동합니까? 그렇다면 답을 검증 할 때 확인할 것입니다. – Chapo

관련 문제