Я использую jQuery для создания загрузки вкладок для веб-приложения. Я использовал только базовые примеры , предоставленные здесь , но безуспешно. Содержимое вкладки работает, тема отображается правильно, однако при нажатии на вкладку состояние вкладки не изменяется. Это приложение должно работать под IE7, любой другой браузер не имеет значения (могу добавить, что я не пользователь IE7, я заядлый пользователь Firefox)
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1"><span>Nunc tincidunt</span></a></li>
<li class="ui-state-default ui-corner-top"><a href="#tabs-2"><span>Proin dolor</span></a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1">
<p>Tab one content goes here.</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-2">
<p>Tab1 one content goes here.</p>
</div>
Ниже приведен CSS, предоставленный jQuery's ThemeRoller , поэтому мои включения выглядят следующим образом:
<link href="/intranet/common/stylesheets/jquery-ui/ui.all.css" rel="stylesheet" type="text/css" />
<script src="/intranet/common/javascript/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="/intranet/common/javascript/jquery-ui.js" type="text/javascript"></script>
Затем я включаю вкладки, используя следующее:
<script type="text/javascript">
$(document).ready(function() {
$("#tabs > ul").tabs();
});
</script>
Как я уже сказал, содержимое вкладки работает, все тематически, но как только я "нажимаю" на вкладку, состояние вкладки не меняется на то, что она активная. ThemeRoller работает в IE7, но моя страница - нет. Я понятия не имею, где я иду не так, и я играл с ним пару часов, по крайней мере, пытаясь заставить его работать.
Есть идеи?