JQuery drag plug-in gridster User Guide _ jquery

Gridster. js is a jquery-based front-end drag-and-drop plug-in. the effect is quite good. you can first look at the Demo (gridster.net # intro) (the blue part of the white block is enough, you can drag it as needed, strong Entertainment ). Gridster. js is a jQuery plug-in used to build an intuitive drag-and-drop layout that supports multiple columns. you can also dynamically add and delete elements in a table.

1. gridster plug-in function

Implement the drag and drop function similar to win8 tile

2. gridster official address

Http://gridster.net/

There are also plug-ins and instances on the official website, but according to the official instructions, I have always encountered such problems during local testing. First, they cannot be moved, second, there is a black spot near the magnet, which may be used for positioning. However, such black spots will not appear if they are used normally on the website. The properties and methods of the gridster plug-in are described in detail on the official website.

After testing, the problem was finally solved. The results are as follows:

3. gridster usage

1. first reference the js file