0

我正在使用 jquery UI 选项卡，它没有显示我的 tab3 内容.. 有时它的第三个选项卡内容附加到 tab2 内容的末尾.. 有什么想法吗？我这是我的代码.. 抱歉代码混乱.. . 并提前感谢..

    <body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">My Info</a>
            </li>
            <li><a href="#tabs-2">My Member</a>
            </li>
            <li><a href="#tabs-3">My schedule</a>
            </li>
        </ul>
        <div id="tabs-1"></div>
        <div id="tabs-2">Welcome trainer1
            <br>
            <br>
            <form id="form11" name="form11" action="action2.php" method="post">
                <table border='1'>
                    <tr>
                        <td>Tick</td>
                        <td>MemberName</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>member1</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>member2</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>member3</td>
                    </tr>
                    <input type='submit' id='submit10' value='Add Member' />
                    <input type='submit' id='submit11' value='Delete Member' />
            </form>
            <br>
            <br>
        </div>
        <div id="tabs-3">tab 3</div>
                </div>
</body>

我发现关闭形式和一些 div 不正确，在小提琴和 mozilla 中的红色标记......我检查了所有标签，但不知道我哪里出错了......帮助!!!!!!

4

2 回答 2

1

在更新的信息中，您缺少结束表标记

</table>
于 2013-04-04T14:59:44.267 回答
0

您刚刚忘记关闭表格标签：

<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">My Info</a>
            </li>
            <li><a href="#tabs-2">My Member</a>
            </li>
            <li><a href="#tabs-3">My schedule</a>
            </li>
        </ul>
        <div id="tabs-1"></div>
        <div id="tabs-2">Welcome trainer1
            <br>
            <br>
            <form id="form11" name="form11" action="action2.php" method="post">
                <table border='1'>
                    <tr>
                        <td>Tick</td>
                        <td>MemberName</td>
                    </tr>
                    <tr>
                        <td>
                        <input type="checkbox" />
                        </td>
                        <td>member1</td>
                    </tr>
                    <tr>
                        <td>
                        <input type="checkbox" />
                        </td>
                        <td>member2</td>
                    </tr>
                    <tr>
                        <td>
                        <input type="checkbox" />
                        </td>
                        <td>member3</td>
                    </tr>

                </table>

                <input type='submit' id='submit10' value='Add Member' />
                <input type='submit' id='submit11' value='Delete Member' />
            </form>
            <br>
            <br>
        </div>
        <div id="tabs-3">tab 3</div>
    </div>
</body>
于 2013-04-04T15:08:28.427 回答