Застрял при использовании вкладок пользовательского интерфейса jQuery
-
12-09-2019 - |
Вопрос
У меня есть три HTML-таблицы, которые я хотел поместить в вкладки.
Все три таблицы можно загрузить с помощью AJAX
но я хочу показать первую таблицу, а ТАКЖЕ позволить первой таблице быть ajaxable.
Наконец, мне нужно, чтобы у пользователя была возможность ПОИСК на третьей вкладке, и эти результаты (результат HTML) переходят на эту вкладку.
Проблема в:Когда я запускаю свой текущий код, он не позволяет мне щелкать вкладки (в FireFox он выглядит некрасиво), и отображается только третья вкладка.
это предыдущее.
<h2>Title 1</h2>
<table>....data_A....</table>
<br/><br/>
<h2>Title 2</h2>
<table>....data_A....</table>
<br/><br/>
<h2>Title 3 - Search</h2>
<input id="name" type="textbox" />
<input id="search" type="submit" value="Search" />
<br/><br/>
и это мой код попытки jQuery.
<asp:Content ContentPlaceHolderID="JavaScriptContent" runat="server">
<link type="text/css" href="../../Content/smoothness/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />
<script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<SCRIPT type=text/javascript>
$(function() {
$("#tabs").tabs();
});
</SCRIPT>
</asp:Content>
<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
<div id="tabs">
<ul>
<li href="ajax/data_a">Title 1</li>
<li href="ajax/data_b">Title 2</li>
<li href="#tab-3">Search</li>
</ul>
<div id="tab-1">
.... data_A table is put here ...
.... but will be updated via ajax when the tabs is clicked.
</div>
<div id="tab-3">
<input id="name" type="textbox" />
<input id="search" type="submit" value="Search" />
</div>
</div>
</asp:Content>
Может кто-нибудь мне помочь?что я сделал не так?
радость :)
Решение
Вы должны иметь a
тег внутри li
х. li
у нас нет href
атрибут.
<li><a href="ajax/data_a">Title 1</a></li>
<li><a href="ajax/data_b">Title 2</a></li>
<li><a href="#tab-3">Search</a></li>
Только в источнике здесь: http://stilbuero.de/jquery/tabs_3/
Не связан с StackOverflow