jQuery选项卡不按预期显示

问题描述：

我正在使用jQuery UI选项卡，它不显示我的tab3内容..有时它将第三个选项卡内容附加到tab2内容的结尾..任何想法??我在这里是我的代码。，并为乱码对不起......感谢在进步..jQuery选项卡不按预期显示

<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红印。我检查了所有标签，但不知道我去哪里错了...帮助!!!!!

请后呈现的HTML，而不是PHP。另外，在jsFiddle.net上发布的例子总是有帮助的。 – j08691 2013-04-04 14:42:51

仔细检查您是否正确关闭标签。导致这类问题的原因有99％。 – melancia 2013-04-04 14:43:54

好..将尝试和更新..谢谢replyin :) – user2245360 2013-04-04 14:47:47

答

你只是忘了关闭表标签：

<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>

非常感谢..它正在工作，因为我想现在！ – user2245360 2013-04-04 15:16:33

不用担心。很高兴我能帮助你。 :) – melancia 2013-04-04 15:22:00

答

更新的信息你缺少一个右表标签

</table>

jQuery选项卡不按预期显示

相关推荐