https://github.com/ngsilverman/jquery-ui-markup

Use jQuery UI purely through HTML markup.
https://github.com/ngsilverman/jquery-ui-markup

Last synced: about 2 months ago
JSON representation

Use jQuery UI purely through HTML markup.

• Host: GitHub
• URL: https://github.com/ngsilverman/jquery-ui-markup
• Owner: ngsilverman
• License: mit
• Created: 2013-02-16T08:36:39.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2014-04-08T07:56:37.000Z (almost 11 years ago)
• Last Synced: 2024-11-01T20:42:19.487Z (3 months ago)
• Language: JavaScript
• Size: 218 KB
• Stars: 2
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

README

        
jQuery UI Markup

================

Use jQuery UI purely through HTML markup (data attributes). No extra Javascript needed.

Specify the interaction, widget or effect through the `data-ui` attribute and the options through `data-ui-="value"` with option being the hyphenated option name (`data-ui-connect-with` instead of `connectWith`, for instance).

**All the jQuery UI options of Boolean, Integer, Number or String type are available.**

## Extra Options

`data-ui-delay=""` Adds a delay before the start of an effect (Add Class, Effect, Hide, Show or Toggle).

## Examples

### Datepicker

```html

Date: 

```


### Draggable

```html



  
Drag me around



```


### Effect

```html



  
Effect

  


    Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.

    Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.

  



```


### Sortable with Connected Lists

```html



  
Item 1

  
Item 2

  
Item 3

  
Item 4

  
Item 5



 



  
Item 1

  
Item 2

  
Item 3

  
Item 4

  
Item 5



```