jquery UI 탭의 목록

Question

탭 내에 목록을 렌더링하는 데 문제가 있습니다. 예.

<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"> 
     <p>Tab 1</p> 
     <div id="validate"> 
      <ul> 
       <li>Item 1</li> 
       <li>Item 2</li> 
      </ul> 
     </div> 

    </div> 
    <div id="tabs-2"> 
    <p>Tab 2</p> 
    </div> 
    <div id="tabs-3"> 
     <p> Tab 3 </p> 
    </div> 

</div> 

위 예제에서 중첩 목록은 목록으로 렌더링되지 않습니다. 여기를 확인 http://jsfiddle.net/3YyHz/

이것은 MVC의 유효성 검사 요약이 목록으로 반환 되었기 때문에 문제가되는데 그 이유는 탭에 있기 때문에 화면이 엉망이됩니다.

Answer 1

누락 된 스타일에 대해 이야기하고 있습니까? Jquery UI 목록 스타일이 중첩 목록을 재정의하는 CSS 문제가 있다고 생각합니다. 데모 용 인라인 CSS로 피들을 업데이트했습니다.