I believe many people have used jqueryeasyui, which is very easy to use and has a beautiful interface. You don't need to spend too much time on the interface, and the example program is also quite complete, the easyui is easy to use. You can also download it from jquery easyui or go to the official website to download and view the help documentation.
I recently used tabs in jquery easyui, but I found a problem: If you set the p of tabs to display: none, then write a function change () {$ ("# tabs" ).css ("display", "block")} to display tabs. When change () is executed, the result tabs is not displayed normally.
It should have been shown:
The result is displayed as follows:
Later, I kept trying to find that if tabs was originally set to display: block and then at $ (document ). ready (function () {$ ("# tabs" ).css ("display": "none")}) is set to, and tabs is set to none after the page is loaded, then click change to display it.
I thought this was a bug in jquery easyui, so I sent an email to the author of jquery easyui about my situation. The next day, he replied that jquery easyui's tabs is okay, saying that I should write $ ("# tabs" ).css ("display ", "block "). tabs ('resize ');
I tried it. You just need to add. tabs ('resize') to reset the size of tabs.