JQuery와 UI 탭이 나는 JQuery와 탭의 탭 안에 있어야 할 내 div 태그를 삽입하는 방법을 알고 싶습니다 하나 개의 탭 패널

Question

내부 div에 : 나는이 코드를 가지고 : 그러나

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 

    <div id ="tabs-1"> 
     <div id=panel> 
      <br> 
      <form action="xx.php" method="post" name="post"> 
       <textarea 
       </textarea> 
       <br> 
       <input type="submit" name="submit" value="Post "/> 
      </form> 
     </div> 
     <p class="slide"> 
      <a href="#" class="btn-slide">Post</a> 
     </p> 
    </div> 
</div> 

을, div (id = panel)를 div 탭 -1에 올바르게 임베드하지 않고 탭의 맨 아래에 제대로 표시되지 않고 다른 탭을 클릭해도 사라집니다.

내 문제를 보여주는 이미지를 첨부했습니다. 내용이 부적절한 경우 사과드립니다.

이 링크를 클릭하여 문제를 확인하십시오 : http://i.stack.imgur.com/ZImwI.png.

탭에서 볼 수는 없지만 다른 탭을 클릭하면 여전히 사라집니다.

변경하지 않을 div를 실제로 탭에 넣으면 실제로 그 안에 들어가야합니다.

가능한 한 명확하게하려고 노력했습니다. 감사합니다

Answer 1

div#panel은 아마도 입니다. 이 경우 마지막 자식 인 div#tabs-1에 삭제 요소를 추가하여이 문제를 해결할 수 있습니다. 예 :

<div id ="tabs-1"> 
    <div id="panel"> 
     ... 
    </div> 
    <p class="slide"> 
     ... 
    </p> 

    <!-- the clearing element --> 
    <div style="clear:both; float:none"></div> 
</div> 

Answer 2

예제에는 닫히지 않은 텍스트 영역 태그가 있습니다. 실제 코드에 이것이 있으면 문제의 원인이 될 수 있습니다. FF로 방화범을 피하고 문서의 HTML 구조와 밀접하게 대면하도록 권할 수 있습니다. 방화 광구 창에서 확인하십시오.

html 구조가 올바르지 않은 것으로 보입니다. 이것의 원인은 닫히지 않은 태그 일 수 있습니다.