Функция jQuery tabs () не отображает вкладки - PullRequest
Новая
       6

Функция jQuery tabs () не отображает вкладки

3 голосов
/ 22 января 2011

Ниже приведен мой HTML-код для создания страницы с вкладками.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script>
  <title>Testing Tabs</title>
</head>
<body>
  <div id="tabs">
    <ul>
        <li><a href="#panel1">Panel 1</a></li>
        <li><a href="#panel2">Panel 2</a></li>
        <li><a href="#panel3">Panel 3</a></li>
    </ul>
    <div id="panel1">
        <p>This is the text of panel 1</p>
    </div>
    <div id="panel2">
        <p>This is the text of panel 2</p>
    </div>
    <div id="panel3">
        <p>This is the text of panel 3</p>
    </div>
  </div>
</body>

Когда я выполняю команду $ ('# tabs'). Tabs () (или $ ('# tabs'). Tabs ({})) в FirebugCommandLine, на самом деле ничего не происходит, т.е. ссылки остаются ссылками, и отображаются все элементы div.

1 Ответ

4 голосов
/ 22 января 2011

Убедитесь, что вы также включили таблицу стилей jQueryUI. 

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

Пример: http://jsfiddle.net/6kg7k/

...