Geek Answers Handbook

How to work with jquery ui tabs?

The http://docs.jquery.com/UI/Tabs#Example provides a short HTML example of how to use jQuery UI tabs.

  • I put HTML in a local index.htm file.
  • I downloaded all the CSS and Javascript files and saved them in local files:
  • but the closest I can get is the same example without any color on the tabs.
  • I searched for images, etc., but cannot find.
  • I even have all the local CSS EXCEPT file that I get from my server, and THEN it works, so this is something in the CSS file that I don't get.

What I do not copy locally, what is in the online CSS file? Has anyone got this jQuery UI tab to work and has a zip file that works locally?

+5
source share
3 answers

For UI tabs to work, you need CSS. The documentation indicates the minimum value.

The problem that you encounter in the example is that other CSS files are used in the css file. You must copy them all locally. You also need an image under the themes / flora / i folder.

+6
source

If your problem is that everything seems to work, but the DIVs do not disappear as they should, then you are probably facing the same problem as me.

.ui-tabs-hide, . jQuery , , : none. , , , . , .

.ui-tabs-hide
{
  display: none
}
+12

I had the same problem, and that is why I am here, and it took some time to find the problem. Thanks to kgiannakakis CSS answer, I found this CSS in the source code on the JqueryUI page:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css" type="text/css" media="all" />

Add it before your main CSS, for example:

      
      

And then everything will be fine - it works for me.

+3
source

More articles:


All Articles