iOS 및 일반 브라우저와 호환되는 JS 라이브러리 (드래그 앤 드롭 포함)

iOS 및 일반 브라우저와 호환되는 JS 라이브러리 (드래그 앤 드롭 포함)

---

드래그 앤 드롭 기능이 있고 모바일 (iOS) 및 일반 브라우저와 호환되는 JS 프레임 워크를 아는 사람이 있습니까?

나는 현재 웹 기반 앱을 가지고 있으며 iOS에서 드래그 앤 드롭 기능이 작동하도록 만드는 것이 번거 롭습니다. 둘 다 할 수있는 앱이 있었으면합니다.

---

다음은 jQuery에 내장 된 두 가지입니다.

http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html

http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

또한 jquery 모바일 프레임 워크 (드래그 앤 드롭 기능이 없음)도 있습니다. http://jquerymobile.com/

---

나는 Sencha Touch 의 열렬한 팬입니다 .

여기 드래그 앤 드롭 데모가 있습니다-http: //dev.sencha.com/deploy/touch/examples/dragdrop/ .

참고 : Safari의 iPhone 4에서 테스트되었습니다.

---

JQuery Mobile 은 다양한 플랫폼 을 지원하기 위해 노력하고 있습니다.

다음은 드래그 앤 드롭을 위한 특정 플러그인입니다.

---

dojo를 사용해보십시오. 꽤 잘 작동하며 비교적 성숙한 툴킷입니다. http://dojotoolkit.org/

---

SproutCore를 확인하십시오 . 전직 Apple 엔지니어가 만든 프레임 워크이며 Apple에서 MobileMe 및 iCloud 웹 앱에서 사용합니다. 그것은이 SC.Drag 모두 마우스와 터치 이벤트와 함께 작동합니다.

---

interact.js 는 독립 실행 형 경량 드래그 앤 드롭, 크기 조정 및 멀티 터치 제스처 자바 스크립트 모듈입니다. iOS, Android, Chrome, Firefox, Opera 및 IE9 +에서 작동하며 HTML 및 SVG 요소와의 상호 작용을 지원합니다. 미리 알아 두어야 할 점은 드래그 이벤트에 응답하는 것은 개발자의 몫이지만 좋은 일이라고 생각합니다.

드래그하여 전체 페이지를 이동하려면 다음을 사용할 수 있습니다.

// make an Interactable of the document body element
interact(document.body)
// make a draggable of the Interactable
  .draggable({
    // on(drag)move
    onmove: function (event) {
      x += event.dx;
      y += event.dy;

      // translate the document body by the change in pointer position
      document.body.style.translate = 'translate(' + x + 'px, ' + y + 'px)';
    }
  })

---

http://www.kendoui.com/ 작동합니다. 아직 베타 버전이지만 그렇지 않았습니다.

---

• zepto (가장 작음, iOS 4 이상, Android 2.2 이상, webOS 1.4.5 이상)
• jquery, jquerymobile, jqtouch
• 원기
• sencha, senchatouch

---

드래그 앤 드롭에 jquery UI를 사용하고 터치 이벤트를 마우스 이벤트 아날로그에 매핑하는 추가 라이브러리를 사용할 수 있습니다.

https://github.com/yeco/jquery-ui-touch-punch

터치 이벤트를 추가하려면 jquery.ui 스크립트 뒤에 jquery.ui.touch-punch.min.js 스크립트를 포함하면됩니다.

시민:

http://furf.com/exp/touch-punch/

---

정확히 무엇을 찾고 있는지 확실하지 않지만 PhoneGap 또는 XUI를 사용해 볼 수 있습니다.

---

iOS 용 웹 앱을 빌드하는 경우 jquery 모바일을 시도해야합니다.

---

안녕하세요 저는이 jquery 플러그인을 사용합니다 : https://github.com/LuvDaSun/jdrag

드래그 이벤트를 제공합니다.

버그를 찾으면 알려주세요. 코드는 아주 새로운 것입니다!

---

아직 알파 버전입니다 : http://prettydiff.com/jsgui

브라우저를 닫거나 새로 고친 후에도 지속되며 모든 최신 브라우저에서 작동합니다. 게다가 그것은 틀이 아닙니다. 다른 프레임 워크없이 사용할 수 있으며 원하는 작업을 수행하도록 사용자 정의 할 수 있습니다.

참조 URL : https://stackoverflow.com/questions/7168514/js-library-with-drag-n-drop-compatible-with-ios-and-regular-browsers