Jquery ui dialog implement pop-up window Effects

Today, we use jquery ui dialog for a pop-up window effect. Let's take a look at the effect:

We can see that when you click, the pop-up window appears, and the pop-up window is centered, you can still drag it... To achieve this, you only need the following code:

We can see that the method for implementing the pop div is to prevent it from being autoopen. When I click it, I only need a dialog, and open is done. With the help of jquery ui, it's so easy to make a pop-up window... Of course, you can see that I also have a data insertion function, which I use the jquery appendto:

I first get the value through the variable, then create an html tag, and then appendTo the table. In this way, we can see that the data is inserted. Of course, this is not a database... We can remember that with juqery ui, a dialog, we can implement a drag-and-drop window...