반응형
jquery UI-정렬 가능 : 정렬 가능한 요소 내에서 아이콘 '핸들'로 드래그
jquery ui sortables가 잘 작동하지만 정렬 가능한 요소에는 다른 상호 작용 요소가 있습니다. 정렬 가능한 div 내의 요소와 상호 작용할 때 우발적 인 정렬을 방지하기 위해 정렬 가능한 항목의 드래그 이동은 정렬 가능한 항목 (예 : '이동'아이콘과 같은 특정 요소를 드래그 할 때만 발생 함)이 발생하도록 만들고 싶습니다. 정렬 가능한 각 항목의 왼쪽 상단에 있습니다. 일반 jqui로 가능합니까, 아니면 내 후크를 작성해야합니까?
플러그인 의 옵션 핸들 을 사용하면 정렬을 시작할 수있는 요소를 정의 할 수 있습니다. 선택기 또는 요소를 제공 할 수 있습니다.
이 html이 있으면 .handler정렬을 시작하는 핸들이됩니다.
<ul class="sortable">
<li>
<span class="handle"></span>
My element
</li>
</ul>
다음과 같은 옵션을 적용하십시오.
$( ".sortable" ).sortable({ handle: '.handle' });
원하는대로 핸들 요소의 스타일을 지정할 수 있습니다.
반응형
'developer tip' 카테고리의 다른 글
| 파이썬 시간 + 동등한 timedelta (0) | 2020.11.01 |
|---|---|
| jQuery에서 $ .fn은 무엇을합니까? (0) | 2020.11.01 |
| SQL Server 2008의 날짜에서 연도 만 추출하는 방법은 무엇입니까? (0) | 2020.11.01 |
| Maven에서 PostgreSQL 드라이버를 종속성으로 추가하는 방법은 무엇입니까? (0) | 2020.11.01 |
| Swift에서 간단한 페이드 인 애니메이션을 만드시겠습니까? (0) | 2020.11.01 |