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紅印。我檢查了所有標籤，但不知道我去哪裏錯了...幫助!!!!!

來源

2013-04-04 user2245360

請後呈現的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>

來源

2013-04-04 15:08:28 melancia

非常感謝..它正在工作，因爲我想現在！ – user2245360 2013-04-04 15:16:33

不用擔心。很高興我能幫助你。 :) – melancia 2013-04-04 15:22:00

更新的信息你缺少一個右表標籤

</table>

來源

2013-04-04 14:59:44 James

jQuery選項卡不按預期顯示

回答

相關問題