0

これは私のナットをやっていて、私の週末を台無しにしています.

このすばらしい拡張可能な jquery 垂直ナビゲーション メニューを見つけました。問題は、順序付けされていないリストがある他のページにあり、jquery垂直メニューの順序付けられていないリストスタイルは、他のすべての順序付けられていないリストに影響を与えます。htmlやインラインcssなどはこれで…………

ul{list-style: none; padding: 0; margin: 0;}
#nav {float: left; width: 280px; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; margin: 15px 0;}
#nav li a {display: block; padding: 10px 15px; background: #ccc; border-top: 1px solid #eee; border-bottom: 1px solid #999; text-decoration: none; color: #000;}
#nav li a:hover, #nav li a.active {background: #999; color: #fff;}
#nav li ul {display: none;}
#nav li ul li a {padding: 10px 25px; background: #ececec; border-bottom: 1px dotted #ccc;}
      <ul id="nav">
    <li><a href="#">Item 1</a>
      <ul>
        <li><a href="#">Sub-Item 1 a</a></li>
        <li><a href="#">Sub-Item 1 b</a></li>
        <li><a href="#">Sub-Item 1 c</a></li>
      </ul>
    </li>
    <li><a href="#">Item 2</a>
      <ul>
        <li><a href="#">Sub-Item 2 a</a></li>
        <li><a href="#">Sub-Item 2 b</a></li>
      </ul>
    </li>
    <li><a href="#">Item 3</a>
      <ul>
        <li><a href="#">Sub-Item 3 a</a></li>
        <li><a href="#">Sub-Item 3 b</a></li>
        <li><a href="#">Sub-Item 3 c</a></li>
        <li><a href="#">Sub-Item 3 d</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4</a>
      <ul>
        <li><a href="#">Sub-Item 4 a</a></li>
        <li><a href="#">Sub-Item 4 b</a></li>
        <li><a href="#">Sub-Item 4 c</a></li>
      </ul>
    </li>
  </ul>

css ul を に変更しようとしました#nav ul{list-style: none; padding: 0; margin: 0;}が、うまくいかないようです。誰か助けてください。乾杯。

テディ

4

1 に答える 1

0

通常、JQuery ウィジェットまたは thingamabob をダウンロードすると、使用方法の例が記載されたフォルダーに入っています。しかし、私はあなたがこれを JQuery UI から直接取得していないと推測しているだけですか?

いずれにしても、メニューを ID = "Nav" で DIV にラップしてみてください...

ページ内の他の UL は、上で宣言したデフォルトの ul スタイルを継承する必要があります。

于 2013-03-10T00:58:15.613 に答える