Questions about jquery easyui tabs usage

I believe many people have used jquery easyui, 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 search for jquery easyui In the open-source Chinese community to download it, 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 div 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.