Вкладки JQuery внутри таблицы

Часть, которую я хочу «вкладка», находится внутри макета вложенной таблицы.

Он начинается после табличного беспорядка:

<table> <tr> <td> <table> <tr> <td> <table> <tr> <td> 
        <div id ="SearchModuleContainer">
       <ul class="tabNavigation">
          <li><a href="#PersonSearchPanel"></a></li>
          <li><a href="#TypeSearchPanel"></a></li>
       </ul>

      <div id="PersonSearchPanel" runat="server">
        <table width="100%" border="0" cellspacing="0">
           <tr>
             <td align="center" valign="top">
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                   <tr>
            ...
            ...
      </div>
      <div id="TypeSearchPanel" runat="server">
        <table width="100%" border="0" cellspacing="0">
           <tr>
             <td align="center" valign="top">
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                   <tr>
            ...
            ...
      </div>
    </div>  

Я добавил ссылку на jquery-ui-1.7.1, и в моем js-файле у меня есть:

$(document).ready(function() {
    $("#SearchModuleContainer").tabs();
});

Мой вопрос в том, что я что-то пропустил, или есть некоторые проблемы при использовании jquery внутри «старой школьной» перепутанной таблицы, как это?

jquery,

0

Ответов: 1


0 принят

Вы должны убедиться, что css правильно реализована для классов ui-tabs-hide, ui-tabs . Если вы не сделали это правильно, это будет похоже на то, что скрипт не работает. Самый простой способ проверить это, добавив следующее:

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

Просто добавьте это в раздел заголовка своей страницы html перед вашими файлами javascript. Я проверил ваш пример, и функциональность вкладок работает со столами.

[EDIT] Я скопировал исходный код из моего тестового примера здесь .

JQuery,
Похожие вопросы