-1

テーブルにこの例のようなアコーディオンが必要です。このオプションを試しましたが、jquery のバージョンと互換性がありません。ページの例では、jquery のバージョンは 1.4.4 で、私のアプリケーションでは jquery のバージョンは 1.6 です。次のテーブルの jquery のバージョンと互換性のあるこのコードを実行するにはどうすればよいですか?

<table width="900px" border="0px">
    <h1>My table</h1>
    <thead>
        <tr>
            <th>column 1</th>
            <th>column 2</th>
            <th>column 3</th>
            <th>column 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="title_section" colspan="4">
                <div id="title_section">Title 1</div>
            </td>
        </tr>
        <tr>
            <td class="title_section">
                <div id="title_subsection">Title subsection 1</div>
            </td>
        </tr>
        <tr class="item1">
            <td>Item 1</td>
            <td>xyz1</td>
            <td>abc1</td>
            <td>ebt1</td>
        </tr>
        <tr class="item1">
            <td>Item 2</td>
            <td>xyz2</td>
            <td>abc2</td>
            <td>ebt2</td>
        </tr>
        <tr>
            <td class="title_section">
                <div id="title_subsection">Servicios profesionales domiciliarios</div>
            </td>
        </tr>
        <tr class="item1">
            <td>Item 3</td>
            <td>xyz3</td>
            <td>abc3</td>
            <td>ebt3</td>
        </tr>
        <tr class="item1">
            <td>Item 4</td>
            <td>xyz</td>
            <td>abc</td>
            <td>ebt</td>
        </tr>
        <tr class="total">
            <td colspan="2">item5</td>
            <td colspan="2" value="0"></td>
        </tr>
        <tr>
            <td class="title_section" colspan="4">
                <div id="title_section">Title 2</div>
            </td>
        </tr>
        <tr class="item2">
            <td>Item 11</td>
            <td>xyz11</td>
            <td>abc11</td>
            <td>ebt11</td>
        </tr>
        <tr class="item2">
            <td>Item 22</td>
            <td>xyz22</td>
            <td>abc22</td>
            <td>ebt22</td>
        </tr>
        <tr class="item2">
            <td>Item 3</td>
            <td>xyz33</td>
            <td>abc33</td>
            <td>ebt33</td>
        </tr>
        <tr class="total">
            <td colspan="2">dadkfdl</td>
            <td colspan="2" value="0"></td>
        </tr>
    </tbody>
</table>

あなたの助けに感謝します。

4

1 に答える 1

0

必要なのは、フィドルで行ったように、jqueryUIを含めることだけです。

jqueryui.com

于 2012-05-28T12:59:19.053 に答える