0

だから私は単純な順序付けられていないリストを持っています:

<ul id="nav">
<li>
    <span>Group 1 »</span>
    <ul>
        <!-- list items -->
    </ul>
</li>
<li>
    <span>Group 2 »</span>
    <ul>
        <!-- list items -->
    </ul>
</li>
</ul>

このメニューのスタイルを設定し、jQuery をいくつか追加して、ユーザーが領域をulクリックすると常に第 2 レベルの が表示され、がブロック レベルになるようにスタイル設定されているため、リスト項目内のどこでもクリックでき、期待される機能を利用できます。spanspan

問題は、ユーザーがスパン要素をクリックして順序付けられていないリストが表示された後、スパンがインライン要素のように機能し、ulユーザーがテキストをクリックする必要があり、parent-li 領域をクリックしても機能しないことです。

ここでライブデモを見ることができます: http://jsfiddle.net/d2Z7m/6/

span垂直メニューを作成するためのより良い解決策があるかもしれませんが、要素がこのように動作する理由と原因を突き止めたいだけです。

4

2 に答える 2

1

のスタイリングを#nav li ulに変更します

#nav li ul {
    width:100px;
    margin: -35px 0px 0px 155px;
}

現在、パディングはspanタグに影響を与えています。

于 2012-09-25T13:54:42.433 に答える
0

スパンに追加position:relative

于 2012-09-25T13:55:09.810 に答える