Interactions Draggable Droppable Resizable Selectable Sortable

Draggable Mô tả: tiện ích cho phép người dùng di chuyển các

thành phần trong trên trang web. Ví dụ:

$( ".selector" ).draggable([“option”])

$( ".selector" ).draggable([“method”])

$( ".selector" ).draggable ({

[event]: function( event, ui ) { }});

Cú pháp:

Draggable

http://api.jqueryui.com/draggable

Droppable Mô tả: tiện ích cho phép người dùng tạo ra thành

phần tương tác với các thành phần khác trên trang web khi người dùng thao tác kéo và thả.

Ví dụ:

$( ".selector" ).droppable([“option”])

$( ".selector" ).droppble([“method”])

$( ".selector" ).droppable ({

[event]: function( event, ui ) { }});

Cú pháp:

Droppable

http://api.jqueryui.com/droppable

Resizable Mô tả: tiện ích cho phép người dùng thay đổi kích

thước các thành phần khác trên trang web bằng thao tác kéo thả.

Ví dụ:

$( ".selector" ).resizable([“option”])

$( ".selector" ).resizable([“method”])

$( ".selector" ).resizable ({

[event]: function( event, ui ) { }});

Cú pháp:

Resizable

http://api.jqueryui.com/resizable

Selectable Mô tả: tiện ích cho phép người dùng lựa chọn các

thành phần trên trang web. Ví dụ:

$( ".selector" ).selectable([“option”])

$( ".selector" ).selectable([“method”])

$( ".selector" ).selectable ({

[event]: function( event, ui ) { }});

Cú pháp:

Selectable

http://api.jqueryui.com/selectable

Sortable Mô tả: tiện ích cho phép người dùng sắp xếp các

thành phần trên trang web của một danh sách. Ví dụ:

$( ".selector" ).sortable([“option”])

$( ".selector" ).sortable([“method”])

$( ".selector" ).sortable ({

[event]: function( event, ui ) { }});

Cú pháp:

Sortable

http://api.jqueryui.com/sortable

Thanks you !!!