JqueryUI - Có thể kéo

jQueryUI cung cấp draggable()để làm cho bất kỳ phần tử DOM nào có thể kéo được. Khi phần tử có thể kéo được, bạn có thể di chuyển phần tử đó bằng cách dùng chuột nhấp vào phần tử đó và kéo phần tử đó vào bất kỳ đâu trong khung nhìn.

Cú pháp

Các draggable() phương pháp có thể được sử dụng ở hai dạng:

• $ (bộ chọn, ngữ cảnh) .draggable (tùy chọn) Phương thức

• $ (selector, context) .draggable ("action", [params]) Phương thức

$ (bộ chọn, ngữ cảnh) .draggable (tùy chọn) Phương thức

Phương thức có thể kéo (tùy chọn) khai báo rằng một phần tử HTML có thể được di chuyển trong trang HTML. Các tùy chọn tham số là một đối tượng mà xác định hành vi của các yếu tố liên quan.

Cú pháp

$(selector, context).draggable(options);

Bạn có thể cung cấp một hoặc nhiều tùy chọn cùng một lúc bằng cách sử dụng đối tượng Javascript. Nếu có nhiều tùy chọn được cung cấp thì bạn sẽ phân tách chúng bằng dấu phẩy như sau:

$(selector, context).draggable({option1: value1, option2: value2..... });

Bảng sau liệt kê các tùy chọn khác nhau có thể được sử dụng với phương pháp này:

Sr.No.	Tùy chọn & Mô tả
1	addClasses Nếu tùy chọn này được đặt thành false, nó sẽ ngăn chặn ui-draggablelớp khỏi được thêm vào danh sách các phần tử DOM đã chọn. Theo mặc định, giá trị của nó làtrue.