>웹 프론트엔드 >JS 튜토리얼 >jQuery EasyUI 튜토리얼-드래그 가능(드래그)

jQuery EasyUI 튜토리얼-드래그 가능(드래그)

黄舟
黄舟원래의
2016-12-27 16:25:251495검색

안녕하세요 여러분, jQuery EasyUI 튜토리얼과 관련하여 처음 두 기사는 주로 jQuery EasyUI 파서 및 로더에 대한 기본 이해에 관한 것입니다. 입문 단계에서는 간단한 이해만 하면 됩니다. 결국 첫 번째 단계에서는 그다지 깊이 있지 않습니다.

기본값 개체를 재정의하려면 $.fn.draggable.defaults를 사용하세요.

사용 사례:

태그와 Javascript라는 두 가지 방법을 통해 구현됩니다.

1. 라벨을 통해 드래그 가능한 요소를 만듭니다.

<div id=”dd” class=”easyui-draggable” data-options=”handle:’#title&#39;” 
style=”width:100px;height:100px;”> <div id=”title” 
style=”background:#ccc;”>title</div></div>

2. Javascript를 사용하여 드래그 가능한 요소를 만듭니다.

<div id=”dd” style=”width:100px;height:100px;”>
<div id=”title” style=”background:#ccc;”>title</div>
</div>
$(‘#dd’).draggable({
handle:’#title’
});

위 두 가지 방법을 어떻게 하는지 아시나요? 다음으로 Draggable 플러그인의 속성, 이벤트, 메소드에 대해 소개하겠습니다.

속성:

jQuery EasyUI 튜토리얼-드래그 가능(드래그)

이벤트:

jQuery EasyUI 튜토리얼-드래그 가능(드래그)

메서드:

jQuery EasyUI 튜토리얼-드래그 가능(드래그)

위 내용은 jQuery EasyUI 튜토리얼-Draggable(드래그) 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.