jquery - 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 でフィドルを更新しました。