Category: jQuery UI Interactions

jQueryUI provides sortable() method to reorder elements in list or grid using the mouse. This method performs sortability action based upon an operation string passed as the first parameter. Syntax The sortable () method can be used in two forms − $ (selector, context).sortable (options) Method The sortable (options) method declares that an HTML element contains interchangeable elements. The options parameter is an…

jQueryUI provides selectable() method to select DOM element individually or in a group. With this method elements can be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by clicking or dragging while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections. Syntax The selectable() method…

jQueryUI provides resizable() method to resize any DOM element. This method simplifies the resizing of element which otherwise takes time and lot of coding in HTML. The resizable () method displays an icon in the bottom right of the item to resize. Syntax The resizable() method can be used in two forms − $ (selector, context).resizable (options)…

jQueryUI provides droppable() method to make any DOM element droppable at a specified target (a target for draggable elements). Syntax The droppable() method can be used in two forms − $ (selector, context).droppable (options) Method The droppable (options) method declares that an HTML element can be used as an element in which you can drop other elements. The options parameter is an object…

jQueryUI provides draggable() method to make any DOM element draggable. Once the element is draggable, you can move that element by clicking on it with the mouse and dragging it anywhere within the viewport. Syntax The draggable() method can be used in two forms − $ (selector, context).draggable (options) Method The draggable (options) method declares that an HTML element can be…