jquery-ui-draggable

2열

1답변

<div>에는 "droppable"클래스의 세 이미지가 포함되어 있습니다. 테이블에는 마지막 행 <td> 안에 이미지가있는 4 개의 행이 있습니다. html로는 다음과 같습니다 테이블의 이미지는 위의 빈 상자로 드래그 할 수 있습니다 <div id="box_container"> <img id="empty_box1" class="droppable"

0열

3답변

는 이동 모든 DOM 요소를 확인

내가 뭔가를 할 수있어 : $(function() { $(".className").draggable(); }); 내가 클래스가 className 드래그 확인하려면,하지만 어떻게 드래그 페이지 안에 모든 요소를 만드는 방법에 대한?

0열

1답변

JQuery와은 - 데이터 선택에 기초하여 드래그 요소를 비활성화

I는 속성 data-pin위한 동적 값이있는 첨부 드래그 요소가 다음 요소가 낙하 할로 드래그하면 var pin = 0; $('#pins').append("<div class='pin' data-pin=" + pin + "></div>"); $('*[data-pin=' + pin + ']').draggable({ stack: '#pins d

0열

1답변

요소가 삭제되기 전에 삭제 가능 영역에서 드래그 가능한 요소 미리보기

드래그 앤 드롭을 구현하려고합니다. 모든 것은 예상대로 작동하지만 사용자가 텍스트를 포함하는 div를 포함하는 div를 드래그 할 때 마우스를 놓기 전에 droppable 영역 위로 드래그했을 때의 모양을 볼 수 있기를 바랍니다. 그거 떨어 뜨려. 본질적으로 나는 AJAX를 통해 DB에 드롭되고 커밋되기 전에 텍스트가 새로운 위치에서 어떻게 보이는지 미리

2열

2답변

JQuery UI 드래그 앤 드롭 후 목록에서 요소 색인 찾기

각 요소에는이 목록의 순서와 동일한 ID가 있습니다. 요소 목록이 있습니다. 이제 나는이 요소들을 드래그하여 순서를 바꾸고 있습니다. 가 어떻게 요소 주위에 드래그 할 때, 그것은 위 또는 위 또는 아래에있는 요소를 아래로 밀어 것이라는 효과를 얻을 수 있습니다 나는 다음과 같은 두 가지 질문을 가지고있다? 목록에서 이러한 요소의 ID를 순서대로 동적으로

3열

2답변

jQuery UI를 사용하여 마우스가 특정 요소 위에있을 때만 끌기 허용

<div> 안에 마우스가있는 경우에만 <div>을 드래그 할 수있게하려고합니다. 마우스가 첫 번째 요소를 넘지 않으면 <div> 전체를 드래그 할 수 없습니다. Uncaught TypeError: undefined is not a function(index):27 (anonymous function)jquery-1.11.0.js:4995 jQuery.eve

1열

2답변

jQuery 드래그 앤 드롭으로 다른 사람의 배경을 변경하십시오.

나는 id에서 추측 할 수 있듯이 다음과 같은 HTML을 가지며, <div>의 - 2 개는 문과 2 개의 색상을 포함하고 있습니다. 두 문 중 하나 (예 : 왼쪽 도어의 파란색과 오른쪽의 검정색)로 색상을 드래그하고 스타일의 배경색을 변경하고 싶습니다. <div id="door1" style="background: #fff;"></div> <div id=

0열

1답변

채울 수있는 항목이 서로 겹쳐서 정렬 될 수 있습니다.

sortable부터 jquery-ui까지 표시된 두 개의 목록이 있습니다. 각 목록 draggable로 표시되는 list item 포함 ... 정상은 막연한 설명입니다 내가 당신을 끌어 상대적으로 정상 속도에서 해당 항목을 (마음을 드롭하는 정상적인 사용에서 을하지만, 내가) 더 나은 하나 생각할 수 없다, 항목을 드래그하고 다른 하나의 목록에서 문제없이

0열

1답변

자르기 후에 이미지를 드래그 할 수없는 옵션이 제거되었습니다.

다음은 내 PLNKR CODE입니다. 흐름 - 1) 네 가지 이미지 중 하나를 클릭은 (핑크, 녹색, 노란색, 파란색) 그들은 붉은 DIV로로드받을. 2) 이미지를 드래그하고 "자르기 적용"버튼을 클릭하십시오. 하지만 이제 자르기 옵션을 제거하여 "자르기 제거"버튼을 클릭했습니다. 에 코드 자르기에게 버튼 클릭을 제거 - $("#removeCrop").on

0열

1답변

FireFox의 JQuery Draggable은 iFrame에서만 작동합니다 - ViewPort를 설정하는 방법

FireFox 33.0.2에서 jQuery UI Draggable 테스트 : 예제의 코드를 복사했지만 작동하지 않습니다. 스크립트가 작동하고 있고, CSS 클래스가 추가되었으며, 이벤트 바인딩이 추가되었습니다. 드래그하지 않습니다. 페이지를 iFrame에 넣으면 작동합니다. ViewPort 문제입니까? http://jqueryui.com/resources/