У меня проблема с вкладками jQueryUi. Я хочу иметь панель навигации в левой части моего представления вкладок, но макет не работает. Я думаю, что это ошибка, и я сообщу об этом в jQuery, но сначала я хочу посмотреть, можете ли вы подтвердить, что это ошибка, или я что-то не так делаю?
Предварительный просмотр моего примера на [http://public.virtualmischa.de/bugs/jqueryui-tabslayout.html].
Сначала вы видите пример нерабочих вкладок и ниже примера рабочего стандартного плавающего div.
<!DOCTYPE html>
<html>
<head>
<title>JQuery Tablayout problems</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div style="float:left; width:200; color: red;height: 200px;">Where is my left bar?<br></div>
<div id="tabs"><ul><li><a href="#a1">A tab page</a></li></ul>
<div id="a1">Do you see a red bar left of this tab view?</a></div>
</div>
<div style="float:clear"></div>
<div style="float:left; width:200; color: red;height: 200px;">Where is my left bar?<br></div>
<div id="no-tabs"><ul><li><a href="#a2">A tab page</a></li></ul>
<div id="a2">Do you see a red bar left of this tab view?</a></div>
</div>
</body>
</html>